表單特性
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 顯示月