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>想要更加了解表單元素其中的屬性，請點擊鏈接：http://www.survivalescaperooms.com/web/571879.html
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作能帶來一定的幫助~如果有疑問大家可以留言交流，謝謝大家對武林網的支持!
新聞熱點
疑難解答
