<input> 元素是 HTML 表单中最常用的元素之一,用于接收用户输入的数据。它可以通过 type 属性来指定不同的输入类型。常用的输入类型包括:
text:用于输入单行文本,例如用户名、密码等。password:用于输入密码,输入的字符会被隐藏。email:用于输入电子邮件地址,会对输入内容进行验证。number:用于输入数字,可以设置最大值、最小值、步长等属性。checkbox:用于选择多个选项中的一个或多个,可以设置默认选中状态。radio:用于选择多个选项中的一个,同一组 radio 元素需要设置相同的 name 属性。submit:用于提交表单数据。reset:用于重置表单数据。file:用于上传文件,可以设置允许上传的文件类型。date:用于输入日期,包括年、月、日。time:用于输入时间,包括小时、分钟、秒。color:用于选择颜色。search:用于搜索,可以设置默认搜索词。除了上述常用的输入类型外,HTML5 还引入了一些新的输入类型,例如:
range:用于选择范围内的值,例如音量、亮度等。tel:用于输入电话号码。url:用于输入网址。datetime:用于输入日期和时间。month:用于输入年月。在实际使用中,我们可以结合不同的输入类型来实现更多的功能,例如使用 text 类型来输入手机号码,并通过 JavaScript 对输入内容进行验证。