在HTML中,<input>
标签用于创建输入框。type
属性用于指定输入框的类型。以下是23个可能的type
属性及其用途:
text
:普通文本输入框。password
:密码输入框,输入的内容会显示为圆点或星号。email
:电子邮件地址输入框,可以验证输入的格式是否正确。number
:数字输入框,只能输入数字。date
:日期选择器输入框。datetime-local
:本地日期和时间选择器输入框。month
:月份选择器输入框。week
:周选择器输入框。time
:时间选择器输入框。range
:范围输入框,可以设置一个最小值和一个最大值。color
:颜色选择器输入框。search
:搜索框输入框。tel
:电话号码输入框。url
:网址输入框。checkbox
:复选框。radio
:单选按钮。submit
:提交按钮。reset
:重置按钮。button
:普通按钮。file
:文件上传按钮。hidden
:隐藏输入框,不会在页面上显示。image
:图像上传按钮。range
:范围输入框,可以设置一个最小值和一个最大值。
这些type
属性可以根据需要组合使用,以创建不同类型的输入框。例如,要创建一个带有密码输入框、电子邮件输入框和提交按钮的表单,可以使用以下代码:
<form> <label for="password">密码:</label> <input type="password" id="password" name="password"><br><br> <label for="email">电子邮件:</label> <input type="email" id="email" name="email"><br><br> <input type="submit" value="提交"> </form>