一、表單

表單元素的格式

表單的語法

二，常用表單元素

1.文本框（text）

可用于輸入用戶名等用途。

文本框的基本格式

2.密碼框（password）

用于輸入密碼，輸入的內容會變成小圓點。

密碼框的基本格式

3.單選按鈕（radio）

性別選擇等可以用到單選按鈕。

單選按鈕的用法（checked表示默認）

4.復選框（checkbox）

用于多項選擇。

.復選框的用法（checked表示默認）

5.下拉列表（select和option）

下拉列表的具體應用

下拉列表的用法

6.按鈕（submit,reset,image）

表示提交、重置、圖片按鈕

具體實現

7.郵箱（email）

會自動驗證Email地址格式是否正確。

郵箱輸入

8.網址（url）

會自動驗證Url地址格式是否正確。

網址的用法

9.數字（number）

min：最小數字。max：最大數字。step：數字間隔。

數字的用法

10.滑塊（range）

min：滑動的最小數字。max：滑動的最大數字。step：一次能滑多少數字。

滑塊的用法

11.搜索框（search）

搜索功能的輸入框。

搜索框

三、表單的高級應用

1.表單的隱藏域（hidden）

定義：隱藏域是用來收集或發送信息的不可見元素，對于網頁的訪問者來說，隱藏域是看不見的。

作用：當表單被提交時，隱藏域就會將信息用你設置時定義的名稱和值發送到服務器上。????

隱藏域的用法

2.只讀（readonly）和禁用（disabled）

只讀：要求某些數據可見但不能進行修改。

禁用：當使用者滿足某個條件后才能使用，如只有同意注冊協議后用戶才能點擊注冊按鈕。

只讀和禁用的用法

3.表單元素的標注（label）

label標簽的for屬性對應的id與表單元素id一致,而id屬性是給label標簽和表單元素進行關聯使用的。

label的用法

四、表單的初級驗證

1.文本輸入框內容提示（placeholder）

描述文本框引導用戶該輸入什么內容。

placeholder的用法

2.必填項（required）

規定文本框填寫內容不能為空，否則不允許用戶提交表單。????

required的用法

3.正則表達式（pattern）

用戶輸入的內容必須符合正則表達式所指的規則，否則就不能提交表單。

輸入手機號的正則表達式