在網(wǎng)站中，表單是指收集用戶的信息。

一，表單控件

1.文本框：單行文本框（Text input），密碼框（PassWord input），文本域（Text area）。

2.選擇：單選按鈕（Radio buttons）,復選按鈕（Checkboxes）,下拉列表（Drop-downboxes）。

3.提交表單：提交按鈕（Submit button）,圖像按鈕（Image buttons）。

4.上傳文件：允許用戶把文件上傳到網(wǎng)站。

二，表單結(jié)構(gòu)

1.<form>：表單控件位于<form>元素中。

2.action：用于指向服務(wù)器上一個頁面的URL。

3.method：表單的提交方法之一：get或post。

三，單行文本框、

1.<input>：用來創(chuàng)建不同的表單控件。

2.type="text"：創(chuàng)建一個單行文本框。

3.name：這個特性的值對應(yīng)表單控件。

4.maxlength：限制用戶在文本框輸入的最大字符量。

四，密碼框

1.<input>：上面我們提到了這是用來創(chuàng)建不同的表單控件。

2.type="password",，這里也會創(chuàng)建一個文本框，不同的是，輸入的字符將會被隱藏。

3.name：與上同理。

4.maxlength：同樣是限制用戶輸入的最大字符量。

五，多行文本框

1.<textarea>：用來創(chuàng)建多行文本框。

六，單選按鈕

1.<input>：自行腦補上面的內(nèi)容哈。

2.name：一個系列的單選按鈕應(yīng)該用同樣的name。

3.value：每一個的單選按鈕的value都應(yīng)該不同。

4.checked：就是網(wǎng)頁在加載后顯示那個按鈕被選中，用戶不能更改。

七，復選框

1.type="checbox"：允許用戶選中多個或取消。

2.name：同上原理。

3.value：同理哈，要認真看。

4.checked：同理哈。

八，下拉列表框

1.<select>：用來創(chuàng)建下拉列表框。

2.name：指明表單控件的名稱。

3.<option>：用來指定用戶可以選擇的選項，注意：每個選項都應(yīng)該有<option>。

4.value：指定選項的值。

5.selected：指定頁面在加載時被選中的選項，注意：只能選一個選項。

九，多選框

1.<select>：用來創(chuàng)建多選框。

2.size：size的值是一次顯示的選項的數(shù)量。

3.multiple：允許用戶選多項。

十，文件上傳域

1.<input>

2.type="file"：會創(chuàng)建一個帶有browse按鈕的控件。

十 一，提交按鈕

1.<input>

2.type="submit"：創(chuàng)建一個提交按鈕。

3.value：用來控制按鈕上的文字。

十二，圖像按鈕

1.<input>

2.type="image"：用來創(chuàng)建一個圖像按鈕。

3.要用到圖像，必少不了src。

4.width ?height：控制圖像的寬度和高度。

十三，按鈕和隱藏控件

1.<button>創(chuàng)建按鈕。

2.<input type="hidden">：隱藏表單控件，不會顯示在用戶的頁面上。

十四，標簽表單控件

1.<label>：在表單控件旁邊使用它，可以說明白表單控件的作用。

2.for：它用來表明標簽控件是對應(yīng)哪個表單控件的。

十五，組合表單元素

1.<fieldset>：可將相關(guān)表單控件置于一組。

2.<legend>：包含一個標題。

十六，日期控件

1.<input type="data">：將創(chuàng)建一個日期控件，要求用戶輸入日期。

十七，電子郵件控件

1.<input type="email">：將創(chuàng)建一個電子郵件控件，用戶必須輸入正確的郵箱地址。

十八，URL輸入控件

1.<input type="url">：將創(chuàng)建一個URL控件，用戶必須輸入正確的URL地址。

十九，搜索輸入控件

1.<input type="search">:將創(chuàng)建一個搜索輸入控件。

2.placeholder：文本框顯示的內(nèi)容，占位。

OK，表單的知識點很多，要認真學，記得不懂就提問或者搜索。