HTML 5中的新表单元素类型

1. Color.

2. Date

3. Datetime-local

4. Email

5. Time

6. Url

7. Range

8. Telephone

9. Number

10. Search

让我们一步一步来了解这些元素。

如果你想显示拾色器对话框。

<input type="color" name="color">

如果你想显示日历对话框。

<input type="date" name="date">

如果你想用本地时间显示日历。

<input type="datetime-local" name="datetime-local">

如果你想用电子邮件验证创建一个HTML文本，那么我们可以设置类型为“email”。

<input type="email" name="email">

对于URL验证设置类型为“url”，如下面的HTML代码所示。

<input type="url" name="url">

如果你想用文本框显示号码范围，您可以将设置类型为number。

<input type="number" name="number" min="10" max="100">

如果你想显示范围调整控件，那么你可以使用range作为类型。

<input type="range" name="range" min="0" max="10" step="1" value="10">

让文本框作为搜索引擎框。

<input type="search" name="search">

只需要输入时间。

<input type="time" name="time">

想要文本框接受电话号码。

<input type="tel" name="tel">