html文本框 控件,HTML5的文本框表单控件

E-mail表单控件

E-mail表单控件与文本框相似，作用是链接电邮地址，为元素设置type=“email"；即可配置一个E-mail地址表单控件。只有支持HTML5email属性值得浏览器才能验证用户输入的是不是电邮地址。

HTML代码如下：

E-mail:

URL表单控件

URL表单控件与文本框相似。作用是接收URL、URI。为元素设置type=”url“。即可配置一个URL表单控件。只有支持HTML5

url属性值得浏览器才能验证用户输入的是不是URL。

HTML代码如下：

Suggest a Website:

电话号码表单控件：

电话号码表单控件与文本框相似。作用是接收电话号码。为元素设置type=”tel“。即可配置一个电话号码表单控件。只有支持HTML5

tel属性值得浏览器才能验证用户输入的是不是URL。不支持的浏览器将视为普通文本框。

HTML代码如下：

Mobile Number:

搜索词输入表单控件

搜索词输入表单控件与文本框相似。作用是接收搜索词。为元素设置type=”search“。即可配置一个搜索词输入表单控件。只有支持HTML5

search属性值得浏览器才能验证用户输入的是不是URL。不支持的浏览器将视为普通文本框。

HTML代码如下：

Search:

HTML5的datalist元素

datalist表单控件除了从列表中选择，还可以在文本框中输入。datalist用三个元素配置：一个inpurt

、一个datalist、一个或多个option只有支持的浏览器才会显示和处理datalist中的数据。不支持的会忽略，将表单控件显示为文本框。

HTML事例代码如下：

Favorite Color: