type="radio"
选择方式:单选框(radio)允许用户在一组选项中选择一个。在表单中,如果一个字段有多个可能的值,但用户只能选择一个值,那么应该使用单选框。
数据提交:当用户提交表单时,只有被选中的单选框的值会被发送到服务器。这个值是一个字符串或数字,表示用户选择的选项。
type="checkbox"
选择方式:复选框(checkbox)允许用户选择多个选项。在表单中,如果一个字段有多个可能的值,并且用户可以选择多个值,那么应该使用复选框。
数据提交:当用户提交表单时,所有被选中的复选框的值都会被发送到服务器。这些值通常是一个数组,表示用户选择的所有选项。
type=text:单行文本输入框,用于输入简短的文本信息,如用户名、密码等。
type=password:密码输入框,输入的内容会以圆点或星号的形式显示,用于保护用户输入的隐私。
type=button:普通按钮,常用于触发JavaScript脚本或执行其他客户端操作。
type=submit:提交按钮,用于将表单数据发送到服务器。
type=reset:重置按钮,用于清除表单中的所有输入数据,将表单恢复到初始状态。
type=image:图像提交按钮,与普通的提交按钮功能相同,但显示为图像,可用于美化表单界面。
type=hidden:隐藏输入字段,对用户不可见,但会在表单提交时包含其值,通常用于传递后台数据。
type=file:文件上传控件,允许用户选择文件并将其上传到服务器。
type=email:专门用于输入电子邮件地址的文本输入框,会自动验证输入的内容是否符合电子邮件地址的格式。
type=url:用于输入URL地址的文本框,同样会自动验证输入的内容是否符合URL地址的格式。
type=tel:用于输入电话号码的文本框,虽然电话号码的格式千差万别,但可以使用pattern属性进行一定程度的验证。
type=number:用于输入数值的文本框,可以限制输入的数字范围、步长等。
type=range:滑动条控件,允许用户在一个指定范围内选择一个数值。
type=date、month、week、time、datetime-local:这些类型用于选择日期和时间,提供了更方便的日期和时间输入方式。
type=search:专门用于输入搜索关键词的文本框,通常会在用户输入内容后显示一个清除按钮。
type=color:颜色选择器控件,允许用户从调色板中选择颜色。