html中的input详解

input的type有11种:

text 、number(html5中的新特性)、button、file、image、radio、checkbox、password、reset、submit、hidden

text 展示为输入框只能输入文本信息，maxlength属性只对text/password类型的input有效

number只能输入数字信息，且可以通过点击上下箭头增加或者减少数字信息

button 展示为按钮样式，可以通过设置value属性来设置button上展示的文本信息，onClick属性指定点击按钮执行的操作

file 可以选择文件，通过设置accept属性来过滤可以选择的文件

image 图片点击按钮，alt属性设置点击图片的动作，alt属性只配合type是image类型的input使用

radio 单选钮

checkbox 复选框

password 输入框展示的是密码形式

reset 重置按钮会清除表单的所有数据

submit 用于项目服务器发送表单数据，数据会发送到表单的action属性中制定的页面

radio和checkbox的checked属性

checked属性可以保证页面初始化被选中，但是通过js/jquery控制checked属性并不能保证响应的控件被选中，同样也不能通过checked属性的值来判断改元素是否被选中

但是可以通过jquery的prop属性来设置控件的checked属性

一组radio或者checkbox的使用

同组的radio是互斥的，只能选中其中一个，可以通过name属性来区分是否同一组radio，name相同的radio是同一组元素。value是每个radio控件的值

vue中radio或者checkbox的使用