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('歡迎來到VeVb武林網!') 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('歡迎來到VeVb武林網!')>點擊!</button>
以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作能帶來一定的幫助~如果有疑問大家可以留言交流,謝謝大家對VeVb武林網的支持!