HTML form表單用于為用戶輸入創(chuàng)建 HTML 表單栈妆。收集用戶不同類型的數(shù)據(jù)愕提。
HTML Form 語法
<form action="目的地址" method="傳送方式"> 表單內(nèi)容 </form>
HTML 表單是由 <form> 標(biāo)簽開始锐墙，用 </form> 標(biāo)簽結(jié)束，兩個標(biāo)簽之間就是放置表單元素的地方构罗，form 將用戶填完的資料铜涉，發(fā)送至 action 所設(shè)定的目的地址，例如傳到一個 PHP 頁面遂唧，method 是內(nèi)容傳送的方式芙代，有 get 與post 兩種方式。
- get是用來從服務(wù)器上獲得數(shù)據(jù)盖彭，在 URL 中對所有人都是可見的纹烹，不能傳輸大量的數(shù)據(jù)，受限于URL長度谬泌。
- 而post是用來向服務(wù)器上傳遞數(shù)據(jù)滔韵，數(shù)據(jù)不會顯示在 URL 中逻谦。對內(nèi)容長度沒有限制掌实。
HTML Form 表單內(nèi)容范例
<form action="get.php" method="post"> <label for="name">用戶名：</label><input type='text'><br> <label for="password">密碼：</label><input type='password'><br> <input type='submit' value='提交'> </form>
范例在 <form> 與 </form> 標(biāo)簽之中使用了四個表單元素，分別為文字輸入框<input type='text'>邦马，密碼輸入框<input type='password'>贱鼻，發(fā)送表單的按鈕<input type='submit' value='提交'>，這樣的表單設(shè)計完成后滋将，當(dāng)用戶填寫完數(shù)據(jù)并提交邻悬，系統(tǒng)就會以 get 的方式將資料傳送到 get.php 這個后臺頁面，這裡需要注意的是 method='post' 的 post 必須是小寫随闽，同樣的 get 也要小寫父丰，至于 get.php 的數(shù)據(jù)處理功能則需要另外寫。
常見表單元素
- 單行文字輸入框 input type= text
<input type="text" name="" value=""> - 密碼輸入框 input type= password
<input type="password" name="" value=""> - 標(biāo)注標(biāo)簽 label
<label for=" "> </label> - 下拉選擇框 select option
<select name=""><option value=""></option></select> - 單選按鈕 radio buttons
<input type="radio" name="" value=""> - 多選框 checkbox
<input type="checkbox" name="" value=""> - 多行文字輸入框 textarea
<textarea name=""></textarea> - 隱藏元素 input hidden
<input type="hidden" name="" value=""> - 按鈕 button
<input type="button" name=""> - 提交表單按鈕 submit
<input type="submit" name="" value="提交"> - 重置按鈕 reset
<input type="reset" name="" value="重置">
常用元素屬性：
type：輸入的類型
name：表單的名稱
value：表單的內(nèi)容
這些表單的元素可以自由搭配成為一個完整的表單掘宪，每個元素都有他獨(dú)特的屬性以及語法規(guī)則蛾扇。
