表單元素之select datalist元素

2021-08-09 23:13:45 字數 616 閱讀 2567

select元素用來建立乙個下拉列表選項列表,不僅可以在表單中使用,還可以在其它塊元素和內聯元素中使用。

select只是乙個下拉列表,其具體列表項要通過option元素建立

option元素用來建立乙個選項,即下拉列表的乙個選單項

optgroup元素用來對option元素進行組合分組

size用來定義列表中顯示的列表項

multiple屬性用來定義是否可以多選

可以新增disabled屬性和autofocus屬性

datalist元素是html5新增的元素,用來建立乙個選項列表,datalist元素的內容不會直接顯示在網頁上,只是會在使用者輸入時作為候選項,通常與input元素配合使用

html5新增表單屬性

form屬性:將表單外的內容與表單進行關聯(input屬性)

novalidate屬性:設定資料提交時不進行驗證(form屬性)

使用者名稱:

novalidate屬性,不會對錯誤輸入的內容進行驗證input的form屬性,與表單關聯使用者名稱:

HTML表單元素

表單元素是允許使用者在表單中 比如 文字域,下拉列表,單選框,核取方塊等等 輸入資訊的元素 表單標籤 文字域 text fields 當使用者要在表單中鍵入字母,數字等內容時,就會用到文字域 單選按鈕 radio buttons 當使用者從若干給定的的選擇中選取其一時,就會用到單選框 核取方塊 ch...

form表單元素

文字框 text 密碼框 password 文字域 textarea 單選框 radio 同一組單選按鈕的name取值一定要一致 核取方塊 checkbox 下拉列表框 選項 如果所有都沒有寫selected selected 則預設顯示第乙個的選項值 提交 submit value值是顯示在按鈕上...

html表單元素

自學打卡 2 form 表單元素,讓使用者把資料提交給伺服器 action 指定把請求和資料提交給哪個頁面 伺服器。元素 type text 文字內容 password 密碼 hidden 隱藏框 checkbox 核取方塊 radio 單選框 submit 提交 reset 重置 image 可以...