HTML5學習筆記 13 表單元素 其三

2021-08-02 06:56:35 字數 811 閱讀 9841

這節是最後剩下的三個表單元素和表單的驗證輸入。

下拉列表框select的屬性

name 設定提交時的名稱

disabled 將下拉列表禁用

form 將表單外的下拉列表與某個表單掛鉤

size 設定下拉列表的高度

multiple 設定是否可以多選

autofocus 獲取焦點

required 選擇驗證,設定後必須有選擇才能通過驗證

select的子標籤

option 選項

optgroup 對option分組

多行文字框textarea的屬性

name 設定提交時的名稱

form 將表單外的多行文字框與某個表單掛鉤

readonly 設定為唯讀

disabled 設定為禁用

maxlength 設定最大可輸入的字元長度

autofocus 獲取焦點

placeholder 設定輸入時的提示資訊

rows 設定行數

cols 設定列數

wrap 設定是否提交換行符,有soft和hard兩種(用後者時換行符%0d%0a會被插入提交)

required 必須輸入值後才能通過驗證

*幾個測試

執行結果:

HTML5表單元素

新的表單元素 1.datalist元素 規定輸入域的選項列表,datalist屬性規定form或input域應該擁有的自動完成的功能。當使用者在自動完成域中開始輸出時,瀏覽器應該在域中顯示填寫的選項。2.keygen提供一種驗證使用者的可靠方法。用於表單的金鑰對生成器字段。當提交表單時,會生成兩個鍵...

HTML 5 表單元素

html5 的新的表單元素 html5 擁有若干涉及表單的元素和屬性。本章介紹以下新的表單元素 datalist 元素 datalist 元素規定輸入域的選項列表。列表是通過 datalist 內的 option 元素建立的。如需把 datalist 繫結到輸入域,請用輸入域的 list 屬性引用 ...

HTML5表單元素

表單驗證觸發oninvalid事件 通過setcustomvalidity方法設定修改內容 action method get type text name uname pattern d required class uname type submit name form var input do...