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