<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 对输入内容进行验证。