說明:以下内容是基于w3school及饑人谷教學内容,對HTML表單元素做的簡單說明。
元素 元素定義 HTML 表單區間,而這個區間的資料将會被送出給背景。
例子:
請輸入留言
請輸入密碼
結果是form标簽内的資料,password才會被送出,而textarea的内容不會被送出。
元素
元素是最重要的表單元素。
元素有很多形态,根據不同的 type 屬性有以下類型:
序号
類型
描述
1
text
用于文本輸入的單行輸入字段,預設寬度20字元。
2
password
密碼輸入框,密碼會自動顯示為 ●
3
checkbox
用于建立多選/複選框
4
radio
用于建立單選框
5
file
用于上傳檔案, accept屬性可以限制檔案上傳類型。
6
hidden
這種類型的輸入元素實際上是隐藏的。這個不可見的表單元素的 value 屬性儲存了一個要送出給 Web 伺服器的任意字元串。如果想要送出并非使用者直接輸入的資料的話,就是用這種類型的元素。
7
button
用于建立一個按鈕,顯示名稱為value屬性的值
8
submit
用于建立一個送出按鈕,顯示名稱為value屬性的值
9
reset
當重置按鈕被點選,包含它的表單中所有輸入元素的值都重置為它們的預設值。預設值由 HTML value 屬性或 JavaScript 的 defaultValue 屬性指定。
其他标簽
1、标簽
label标簽本身不會産生任何特殊效果,但是可以用于改進使用者可用性及體驗性,當設定label的for=“某個元素的id”時,點選label标簽的内容,會自動focus到該标簽。
如下例,當我們點選
輸入密碼幾個文本時,目前頁面會自動focus到password的輸入框,而不必點選該輸入框。
請輸入密碼

for=id示例
2、标簽
this is a example

文本框中的值為value值
3、标簽
select 元素可建立單選或多選菜單,菜單選項為标簽。
上海
北京
天津

secect注意事項