09 表單元素 上

2021-07-25 11:11:09 字數 2102 閱讀 4176

表單元素,表單元素用於獲取使用者的輸入資料。

在 html5 的表單中,提供了各種可供使用者輸入的表單控制項。

元素名稱

說明form表示 html 表單

input表示用來收集使用者輸入資料的控制項

textarea表示可以輸入多行文字的控制項

select表示用來提供一組固定的選項

option表示提供提供乙個選項

optgroup表示一組相關的 option 元素

button表示可用來提交或重置的表單按鈕(或一般按鈕)

datalist定義一組提供給使用者的建議值

fieldset表示一組表單元素

legend表示 fieldset 元素的說明性標籤

label表示表單元素的說明標籤

output表示計算結果

1."email" form="register">3.新增說明標籤

for="user">使用者名稱:id="user"

name="user">

label>

p>

解釋:元素可以關聯 input,讓使用者體驗更好。且更加容易設定 css樣式。

4.對表單進行編組
...

解釋:元素可以將一些表單元素組織在一起,形成乙個整體。

屬性名稱

說明name給分組定義乙個名稱

form讓表單外的分組與表單掛鉤

disabled禁用分組內的表單

5.新增分組說明標籤

登錄檔單legend>

fieldset>

6.新增按鈕

type="submit">

button>

解釋:元素新增乙個按鈕,type 屬性有如下幾個值:

值名稱

說明submit表示按鈕的作用是提交表單,預設

reset表示按鈕的作用是重置表單

button表示按鈕為一般性按鈕,沒有任何作用

//提交表單

type=

"submit">提交

//重置表單

type=

"reset">重置

//普通按鈕

type=

"button">按鈕

對於type屬性為submit時,按鈕還會提供額外的屬性。

屬性名稱

說明form

指定按鈕關聯的表單

formaction

覆蓋 form 元素的 action 屬性

formenctype

覆蓋 form 元素的 enctype 屬性

formmethod

覆蓋 form 元素的 method 屬性

formtarget

覆蓋 form 元素的 target 屬性

formnovalidate

覆蓋 form 元素的 novalidate 屬性

//表單外關聯提交

type=

"submit" form="register">提交

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 可以...