列表内容
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