html5中input標籤增加的屬性

2021-08-09 22:48:56 字數 1257 閱讀 9487

1、新增的autocomplete屬性

autocomplete屬性有

3中值:on、

off和空值

預設狀態下表單的autocomplete處於開啟狀態

效果:出現上次輸入的提示

2、新增的autofocus屬性

效果:使文字框獲得焦點

注意:在同乙個介面中只能有乙個autofocus屬性

3、新增的form屬性

4、新增表單重寫屬性

a. formaction:用於重寫表單的

action屬性

b. formenctype:用於重寫表單的

enctype屬性

c. formmethod:用於重寫表單的

method屬性

d. formnovalidate:用於重寫表單的

novalidate屬性

e. formtarget:用於重寫表單的

target屬性

注意:表單重寫屬性只是用於submit和

image

輸入型別

5、新增的height與

width屬性

height  高度

width   寬度

6、新增的list屬性

datelist:可以實現資料列表的下拉效果,繫結在其他輸入框上

list屬性使用於以下

input

輸入型別:

text

、search

、url

、tel

、email

、date

、pickers

、number

、range

和color

7、新增的min、

max和

step屬性

max屬性:規定輸入框所允許的最大值

min屬性:規定輸入框所允許的最小值

step屬性:為輸入框對頂合法的數字間隔

8、新增的multiple

multiple屬性可以實現多檔案上傳

9、新增的pattern屬性

pattern屬性用於驗證

input

型別輸入框中使用者輸入的內容是否與自定義的正規表示式相匹配

10、新增的placeholder屬性

為input型別的輸入框提供一種提示

11、新增的required屬性

required屬性用於規定輸入框填寫的內容不能為空,否則不允許使用者提交表單

HTML5新增input標籤屬性

一.input type屬性 1 以下是firefox顯示效果 每個瀏覽器上的預設顯示效果不同,可以通過css修改統一樣式 placeholder 屬性提供可描述輸入字段預期值的提示資訊 hint 該提示會在輸入欄位為空時顯示,並會在字段獲得焦點時消失。placeholder 屬性適用於以下的 型別...

html5標籤屬性大全 HTML5

音訊格式 屬性 值描述 屬性 值描述 屬性值描述 屬性值描述 gz bjsh 屬性值 描述 required required 表單擁有該屬性表示其內容不能為空,必填 placeholder 提示文字 表單的提示資訊,存在預設值將不顯示 autofocus autofocus 自動聚焦屬性,頁面載入...

HTML5新增input型別

發表於 2016 06 16 分類於 前端 閱讀次數 4在html4等早期版本中,input元素已經有了一些type型別,type可取的值有下面這些 text文字型別 password密碼型別 radio 單選型別 選項 checkbox 多選型別 選項 file 檔案型別 submit 提交按鈕 ...