html5新增了哪些表单元素,HTML5新增表单元素

8种机械键盘轴体对比

本人程序员，要买一个写代码的键盘，请问红轴和茶轴怎么选？

HTML5新增表单元素主要有

input标签

其type类型主要有有以下几种：type="tel"用于输入电话号码

type="search"用于提示用户输入要搜索的文字。search和text的区别主要在于样式上

type="url"用于输入单个网址

type="email"用于输入单个电子邮件地址；如果指定multiple属性，可以输入多个电子邮件地址，以逗号分隔

type="datetime"用于输入时区设置为UTC的日期和时间

type="date"用于输入不含时区的日期

type="month"用于输入含年份和月份但不含时区的日期

type="week"用于输入含年份和周数但不含时区的日期

type="time"用于输入含小时、分钟、秒和秒的小数部分但不含时区的时间值

type="datetime-local"用于输入不含时区的日期和时间。

type="number"用于输入数字。

type="range"用于输入数字，但与number的区别在于无需输入具体数字。在大部分支持该类型的浏览器中，范围控件的实施形式为滑块。

type="color"用于通过颜色池控件选择颜色(现在浏览器还不兼容)。

label标签

标签为input元素定义标注(标记),必须配合input使用。

标签的for属性应当与相关元素的id属性相同。账号：

密码：

账号：

密码：

datalist标签

标签定义选项列表，option为其选项，必须配合input使用。

标签的list属性应当与相关元素的id属性相同。

111

222

333

444

555

666

111

222

333

444

555

666

keygen标签

标签规定用于表单的密钥对生成器字段。

ins标签

标签定义已经被插入文档中的文本。

一般与一同使用，来描述文档中的更新和修正。

这件衣服原价288元现价108元。

这件衣服原价288元现价108元。

samp标签

标签定义计算机程序的样本文本。

fieldset标签和legend标签

标签将表单内容的一部分打包，生成一组相关表单的字段(相当于一个框，把你想要的框起来)。

标签为fieldset元素定义标题(框的标题)。

账号信息

账号：

密码：

账号信息

账号：

密码：

HTML5新增form表单属性

autofocus属性

用于在网页加载后对焦到相关元素上的输入。(因怕影响阅读就不加入此属性)

autofocus的目标可以是输入、选择、文本区域和按钮。

placeholder属性

用于提示用户应输入的数据类型。在上面已经用到。

在对焦到相关元素以及用户输入数据之前，系统会以浅色文字显示占位符值。您可以在输入和文本区域中指定该值。

required属性

required属性规定必需在提交之前填写输入字段。相当于最基本的一个验证。在上面已经用到。

pattern属性

pattern属性规定用于验证输入字段的模式。主要结合JavaScript进行验证。

autocomplete属性

autocomplete属性规定表单是否应该启用自动完成功能.