input元素所有type类型及相关作用

text: 用于接收用户输入的文本内容。

password: 用于接收用户输入的密码内容，输入的内容会被隐藏。

checkbox: 用于让用户选择多个选项，可以选择多个选项。

radio: 用于让用户选择一个选项，只能选择一个选项。

submit: 用于提交表单数据，将表单数据发送到服务器。

button: 用于创建一个可点击的按钮。

reset: 用于重置表单中的所有字段为默认值。

file: 用于选择上传文件。

date: 用于选择日期。

datetime-local: 用于选择日期和时间。

time: 用于选择时间。

email: 用于接收用户输入的电子邮件地址。

number: 用于接收用户输入的数字。

range: 用于选择一个范围内的数字。

search: 用于接收用户输入的搜索关键词。

tel: 用于接收用户输入的电话号码。

url: 用于接收用户输入的URL地址。

color: 用于选择颜色。