HTML标签

列表内容

type改变序号属性，start开始条目

• 无序列表
  <ul type="a" start="3">`
  <li>
  </ul>
• 有序列表
  <ol></ol>
• 自定义列表
  <dl>
  <dt>项目名</dt>
  <dd>项目描述</dd>
  </dl>

组合内容

pre:标签保留格式

<blockquote>
<blockquote cite="">

表格

内容格式
cellpadding:上下空白
align=“left","right","centre"
valign="top","centre","bottom"

表单

form action="一个url" method="post"
分区：fieldset
区标题：legend
label=""
input="" type="file","checkbox","radio", "text"

• 上传文件
  <label for="file" >名称</label>
  <input type="file">

• 多选框(checkbox)
  <label for="cb_0(*与id相同）" checked>名称</label>
  <input class=“” type=“checkbox” name=“” id=“cb_0” value=“” >
  <label for="cb_1" disable>名称</label>
  <input class=“” type=“checkbox” name=“” id=“cb_1” value=“” >
  不同选框的class，type，name都应相同
  value 最好采用与显示内容匹配可理解的文案
  checked表示以选中，disable表示不可选

• 单选框(radio)
  <label for="rd_0(*与id相同）" >名称</label>
  <input class=“” type=“radio” name=“” id=“rd_0” value=“”>
  <label for="rd_1" >名称</label>
  <input class=“” type=“radio” name=“” id=“rd_1” value=“”>
  name相同才能识别为同一个单选项

• 下拉选择框
  <label for="">名称</label>
  <select id="">
  <opt group label="">
  <option value="0" selected>项目1<option>
  <option value="1">项目1<option>
  </opt group>
  </select>

• 文字输入
  <label for="description">商品描述</label>
  <input class="txt" type="text" id="description placeholder="请输入" readonly>

  <input type="text" name="description>
  

name类似于label用于显示文案
placeholder用于显示提示信息，文字置灰
value显示默认已填的内容
readonly只读，用户不可填写

• 大段输入
  <label for="">
  <textarea name="" rows="3" cols="4" id="***"></textarea>

• “提交”“重置”按钮
  <button type="submit">提交</button>
  <button input type="reset">重置</button>
  <button type="img">图像</button>
  <button input type="button">无动作</button>

<div>与<span>的区别：<div>占用一整行，<span>只占用内容的空间，且不可设置长宽

html5新特性
email
url
number
tel
search
range
color
date picker