簡介及引言
本文來源于饑人谷相關資料以及W3C教程,內容主要選擇常用html表單內容
1.目的
簡單說就是html通過表單收集用戶信息(即:不同類型數據)并提交后臺服務器。
<form> 元素定義 HTML 表單,作為表單的外殼把用戶輸入的不同類型的數據提交到后臺。
2.HTML表單元素
HTML 表單包含表單元素。
表單元素指的是不同類型的 input 元素、復選框、單選按鈕、提交按鈕等等。
脈絡邏輯:
表單——————》重要元素——————》次級重要屬性
2.1重要元素
-
1.input元素
(基本作用)——————》(屬性)
語法:
<input type="??的小選擇" name="xxx" 其他屬性blablabla>XXX
type 屬性的有趣小選擇
——》text
——》password——》submit ——》radio ——》checkbox ——》button
-
2.select元素和嵌套的option元素(可直接舉例)
<select name="cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="fiat">Fiat</option> <option value="audi">Audi</option> </select>
-
3.textarea元素(可直接舉例)
<textarea> 元素定義多行輸入字段(*文本域*): <textarea name="message" rows="10" cols="30"> The cat was playing in the garden. </textarea>
-
4.button元素(可直接舉例)
<button type="button" onclick="alert('Hello World!')">Click Me! </button>
5.* HTML5新增表單元素
datalist 和 option聯用。以達到選擇開發者提供的選項的操作目的
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
(注意:input list屬性必須存在,且必須和datalist元素的id統一!!!)