HTML 表单元素
2017-11-24 本文已影响15人
疏疏星影
<input>元素
最重要的表单元素是<input>元素。
<input>元素根据不同的type属性,可以变化为多种形态。
<select>元素(下拉列表)
<select>元素定义下拉列表
实例:
运行效果:
<option>元素定义待选择的选项。
列表通常会把首个选项显示为被选选项。
您能够通过添加selected属性来定义预定义选项。
实例:
运行效果:
<textarea>元素
<textarea>元素定义多行输入字段(文本域)
<button>元素
<button>元素定义可点击的按钮
实例:
运行效果:
HTML5 表单元素
HMTL5增加了如下表单元素
1.<datalist>
2.<keygen>
3.<output>
注释:默认地,浏览器不会显示未知元素。新元素不会破坏您的页面
HMTL5<datalist>元素
<datalist>元素为<input>元素规定预定义选项列表。
用户会在他们输入数据时看到预定义选项的下拉列表。
<input>元素的list属性必须引用<datalist>元素的id属性。
实例:
运行效果:
输入类型:number
<input type="number">用于应该包含数字值的输入字段。
您能够对数字做出限制。
根据浏览器支持,限制可应用到的输入字段。