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的使用
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
例:input 中 button按钮 点击跳转到 meng()方法 :关键点 按钮中 的onclick属性