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的使用

 

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

 

 

例:input  中 button按鈕 點擊跳轉到 meng()方法   :關鍵點 按鈕中 的onclick屬性

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM