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">用于应该包含数字值的输入字段。

您能够对数字做出限制。

根据浏览器支持,限制可应用到的输入字段。


输入限制:


上一篇下一篇

猜你喜欢

热点阅读