HTML5 引入了许多新的 input 类型,使得在表单中输入数据更加方便和灵活。在本章节中,我们将介绍一些常用的 HTML5 input 类型,并且给出相应的示例代码。
1. 文本输入框
文本输入框是最常见的表单元素之一,用于用户输入文本信息。在 HTML5 中,可以使用 <input type="text">
来创建一个文本输入框。
示例代码:
------ ----------- --------------- ---------------------
2. 数字输入框
数字输入框用于输入数字类型的数据。在 HTML5 中,可以使用 <input type="number">
来创建一个数字输入框。
示例代码:
------ ------------- ---------- -------- ----------
3. 日期选择框
日期选择框用于选择日期。在 HTML5 中,可以使用 <input type="date">
来创建一个日期选择框。
示例代码:
------ ----------- ----------------
4. 邮箱输入框
邮箱输入框用于输入邮箱地址。在 HTML5 中,可以使用 <input type="email">
来创建一个邮箱输入框。
示例代码:
------ ------------ ------------ ---------
5. 密码输入框
密码输入框用于输入密码。在 HTML5 中,可以使用 <input type="password">
来创建一个密码输入框。
示例代码:
------ --------------- --------------- --------------
以上就是 HTML5 中一些常用的 input 类型,通过合理使用这些 input 类型,可以让用户更方便地输入表单数据。