input 的type類型值


input有很多屬性,我們先來說一下最原始的,也就是HTML5之前的

  1)text: 定義單行的輸入字段,可扎起其中輸入文本

  2)password:定義密碼字段,會顯示自符掩碼

  3)file: 定義輸入字段和“瀏覽”安按鈕,供文件上傳

  4)radio: 定義單選按鈕

  5)checkbox:定義復選框

  6)hidden: 定義隱藏的輸入字段

  7)button: 定義可點擊按鈕(多數情況下用於通過JavaScript腳本)

  8)image: 定義圖像形式的提交按鈕

  9)reset: 定義重置按鈕,清除表單所有內容

  10)submit: 定義提交按鈕,按鈕會把表單數據發送到服務器

下面是H5新加的:

  1)color: 定義調色板

  2)tel: 定義包含電話號碼的輸入域(只驗證是否是11位數字,不驗證是否為真的手機號,只在觸屏網頁中有效,點擊輸入框會彈出數字鍵)

  3)email: 定義包含email的輸入域,在手機上會調入英文鍵盤

  4)url: 定義包含url的輸入域(驗證不標准,https、缺少//、www等都可驗證通過)

  5)search: 定義搜索域

  6)number:定義包含數值的輸入域,在手機上會調入數字鍵盤

  7)range: 定義包含一定范圍內數字值得輸入域,
  例:

 <input type="range" min="0" max="10" step="0.5" value="6" />

  max:規定允許最大值,min:規定允許最小值,step:規定合法的數字間隔,value:規定默認值

  8)date: 定義選取日、月、年的輸入域

  9)month: 定義選取月、年的輸入域

  10)week: 定義選取周、年的輸入域(不帶時區)

  11)time: 定義選取上下午、時、分的輸入域(不帶時區)

  12)datetime:定義選取時間、日、月、年的輸入域(UTC時間 即世界協調時間)

  13)datetime-local:定義選取時間、日、月、年的輸入域(本地時間)

  14)autofoucs:制定控件自動獲得焦點(一個index文件只允許有一個控件有改屬性)
  例:

<input type="text" autofoucs/>

 好啦,到這里就有所有的input屬性啦 













免責聲明!

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



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