簡介及引言

本文來源于饑人谷相關(guān)資料以及W3C教程，內(nèi)容主要選擇常用html表單內(nèi)容

1.目的

簡單說就是html通過表單收集用戶信息（即：不同類型數(shù)據(jù)）并提交后臺服務(wù)器。
<form> 元素定義 HTML 表單，作為表單的外殼把用戶輸入的不同類型的數(shù)據(jù)提交到后臺。

2.HTML表單元素

HTML 表單包含表單元素。
表單元素指的是不同類型的 input 元素、復(fù)選框、單選按鈕、提交按鈕等等。
脈絡(luò)邏輯：
表單——————》重要元素——————》次級重要屬性

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聯(lián)用。以達(dá)到選擇開發(fā)者提供的選項的操作目的
  <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統(tǒng)一！?。。?/p>