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屬性