天天看點

HTML表單元素概述,HTML表單元素的簡單介紹

說明:以下内容是基于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的輸入框,而不必點選該輸入框。

請輸入密碼

HTML表單元素概述,HTML表單元素的簡單介紹

for=id示例

2、标簽

this is a example

HTML表單元素概述,HTML表單元素的簡單介紹

文本框中的值為value值

3、标簽

select 元素可建立單選或多選菜單,菜單選項為标簽。

上海

北京

天津

HTML表單元素概述,HTML表單元素的簡單介紹

secect注意事項