表單控件及表單屬性


表單特性

  value屬性規定輸入字段的初始值;

  readonly屬性規定輸入字段為只讀(不能修改); readonly屬性不需要值,它等同於readonly=“readonly”。

  disbled屬性 規定輸入字段是禁用的,被禁用的元素是不可以用和不可以點擊的,被禁用的元素不會被提交。 沒有屬性值

  size屬性規定輸入字段的尺寸(以字符計);

  maxlength屬性規定輸入字段允許的最大長度;該屬性不會提供任何反饋。如果需要提醒用戶,則必須編寫javascript代碼        提醒:輸入限制並非萬無一失。javascript提供了很多方法來增加非法輸入。如必須同時對限制進行檢查。

H5新增表單特性

  placeholder   輸入框提示信息

  autocomplete       是否保存用戶輸入值(默認為on,關閉提示選擇off)

  autofocus    指定表單獲取輸入焦點

  required    此項必填,不能為空

  pattern   正則驗證 pattern="\d{1,5}"

  formaction  在submit里定義提交地址         (只在opera瀏覽器下有作用)

  

表單的控件

button 定義可點擊按鈕(一般用於通過javascript啟動腳本)

checkbox 定義復選框

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

hidden 定義隱藏的輸入字段。

image 定義圖像形式的提交按鈕。

password 定義密碼字段,該字段中的字符被掩碼

radio 定義單選按鈕

reset 定義重置按鈕。重置按鈕會清除表單中的所有數據

submit 定義提交按鈕。提交按鈕會把表單數據發送到服務器

text 定義單行的輸入字段,用戶可在其中輸入文本,默認寬度為20個字符。

H5新增控件

email 電子郵箱文本框,跟普通的沒什么區別(當輸入不是郵箱的時候,驗證通不過;    移動端的鍵盤會有變化)

tel 電話號碼      tel的主要功能在移動端,一個鍵盤切換

url  網頁的url  

search搜索引擎   ——chrome下輸入文字后,會多出一個關閉的x

range  特定范圍內的數值選擇器       min,max,step(步數)   例如:用js顯示當前數值

number 只能包含數字的輸入框

color 顏色選擇器

datatime 顯示完整日期    在opera瀏覽器下作用           

datetime-local 顯示完整日期 不含時區

time 顯示時間,不含時區

data 顯示日期

week 顯式周

month 顯示月


免責聲明!

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



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