zoukankan      html  css  js  c++  java
  • 使用HTML语言和CSS3开发商业站点

    一、HTML5基础

    1.HTML5文件的基本结构包括玩野声明、玩野基本信息、网页头部和页面主体等。

    2.网页基本标签包括标题标签<h1>~<h6>、段落标签<p>、水平线标签<hr/>、换行标签<br/>等。

    3.插入图像是使用标签<img/>,要求src和alt属性必选。

    4.超链接<a>标签用于建立页面间的导航链接,链接可分为页面间链接、锚链接、功能性链接。

    二、列表、表格

    1.无序列表由<ul><li>组成,使用无序列表排列内容没有顺序之分,每个列表项单独占一行,列表前默认有实心小圆点。

    2.有序列表由<ol><li>组成,使用有序列表排列的内容通常显示顺序编写,每个列表项单独占一行。

    3.定义列表由<dl>,<dt,<dd>组成,通常用于带有标题和标题解释性内容的场合。

    3.使用<table>,<tr>,<td>创建表格。

    5.跨列:colspan=“横向跨的单元格数”。

       跨行:rowspan=“纵向跨的单元格数”。

    三、表单

    1.text:文本框
    <input type="text" name="username" value="admin" size="30" maxlength="15" />

    2.password:密码框
    <input type="password" name="userpwd" value="" size="30" maxlength="15">

    3.radio:单选按钮

    4:checkbox:复选框:都能选中

    5::select -- option:下拉列表

    6.按钮:
    button:普通按钮
    <input type="button" name="btn" value="普通按钮"/>
    reset:重置按钮:初始化表单信息
    <input type="reset" name="reset" value="重置按钮"/>
    submit:提交表单中输入的信息
    <input type="submit" name="submit" value="提交按钮"/>
    image:图像按钮:跟submit作用相同
    <input type="image" src="../images/login.gif"/>
    7.文件域:

    9.网址:提交时验证网址格式是否正确
    <input type="url" name="url"/>

    10.数字:提交时必须符合大于等于最小值小于等于最大值,且每次增长step的值
    <input type="number" min="1" max="10" step="2"/>

    11.滑块:提交时必须符合大于等于最小值小于等于最大值,且每次增长step的值
    <input type="range" name="range" min="0" max="100" step="2"/>

    12.搜索框
    搜索框:<input type="search" name="search"/>
    13.隐藏域

    隐藏域:<input type="hidden" name="hidden" value="123"/>

    14.只读
    只读:<input type="text" name="name" value="张三" readonly/>

    15.禁用
    禁用:<input type="submit" name="submits" value="提交" disabled/>

    16.表单元素的标注
    <input type="text" name="textfors" id="textfor" value="呵呵"/>
    17.表单验证:
    1.为了减轻服务器的压力
    2.保证数据的可行性和安全性

    17.1.placeholder:
    <input type="text" placeholder="请输入用户名" name="username" value="" size="20" maxlength="16" required/><br/>
    17.2.required:
    <input type="text" placeholder="请输入用户名" name="username" value="" size="20" maxlength="16" required/><br/>
    17.3.pattern
    用户输入的内容必须符合正则表达式所指的规则,否则就不能提交表单
    <input type="text" name="phone" required pattern="^1[358]d{9}"/>

  • 相关阅读:
    量化交易指标函数整理(持续更新)
    Python之基础练习代码
    根据缺口的模式选股买股票,python 学习代码
    凯利公式
    测试
    AngularJS开发经验
    Hibernate Tools插件的使用
    weblogic配置oracle数据源
    eclipse配置weblogic服务器
    java算法-数学之美二
  • 原文地址:https://www.cnblogs.com/bk1234/p/9229226.html
Copyright © 2011-2022 走看看