HTML 表單用于搜集不同類型的用戶輸入
HTML 表單用于收集用戶輸入；
form 元素定義 HTML 表單。
<form>
form elements
</form>
Action 屬性
action 屬性定義在提交表單時執行的動作。
向服務器提交表單的通常做法是使用提交按鈕。
通常，表單會被提交到 web 服務器上的網頁。
如果省略 action 屬性，則 action 會被設置為當前頁面
Method 屬性
method 屬性規定在提交表單時所用的 HTTP 方法（GET 或 POST）：
何時使用 GET？
您能夠使用 GET（默認方法）：
如果表單提交是被動的（比如搜索引擎查詢），并且沒有敏感信息。
當您使用 GET 時，表單數據在頁面地址欄中是可見的：action.jsp?name=xxxx&sex=female
*ps：GET 最適合少量數據的提交。瀏覽器會設定容量限制。
何時使用 POST？
您應該使用 POST：
如果表單正在更新數據，或者包含敏感信息（例如密碼）。
POST 的安全性更加，因為在頁面地址欄中被提交的數據是不可見的。
HTML 表單包含表單元素
表單元素指的是不同類型的 input 元素、復選框、單選按鈕、提交按鈕、文本域等
<input> 元素
<input> 元素是最重要的表單元素。
<input> 元素有很多形態，根據不同的 type 屬性。
-文本輸入：type=”text”
<form>
<label>用戶名</label>
<input type="text" name="">
</form>
-提交按鈕：type=”submit”（定義提交表單數據至表單處理程序的按鈕）
<form action="action.jsp">
<input type="submit" value="提交">
</form>
/*和action配合*/
/*如果省略了提交按鈕的 value 屬性，那么該按鈕將獲得默認文本，也就是提交兩個字*/
-單選：type=”radio”
<form>
<label>性別</label>
<input type="radio" name="sex" value="male" checked>Male
<br>
<input type="radio" name="sex" value="female">Female
</form>
/*name中的值一致時，可以達到單選的效果*/
/*checked 是被選中狀態 也可以寫成checked="checked"*/
-復選：type=”checkbox”
<form>
<label>愛好</label>
<input type="checkbox" name="vehicle" value="運動"><label>運動</label>
<br>
<input type="checkbox" name="vehicle" value="美女"> <label>美女</label>
</form>
/*checked 是被選中狀態 也可以寫成checked="checked"*/
-定義按鈕：type=”button”
<form>
<input type="button" onclick="alert('歡迎來到腳本之家！')" value="點我！">
</form>
/*也是普通按鈕*/
-下拉列表：< select > 元素
<form>
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>
<option> 元素定義待選擇的選項。
列表通常會把首個選項顯示為被選選項。
您能夠通過添加 selected 屬性來定義預定義選項。
-文本域：< textarea> 元素（定義多行輸入字段）
<form>
<textarea name="message" rows="10" cols="30">
輸入的內容在這里哦！
</textarea>
-按鈕：< button> 元素
<form>
<button type="button" onclick="alert('歡迎來到腳本之家！')">點擊!</button>
想要更加了解表單元素其中的屬性，請點擊鏈接：https://www.jb51.net/web/571879.html
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作能帶來一定的幫助~如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持!
