表單元素

<form>

建立表單的基礎元素

屬性：

action: 表單傳送對象的 URL method: 表單資料傳送 HTTP 伺服器的方法

<input />

屬性：

name: 定義 input 元素的名稱 value: 定義 input 預定義的初始值 checked: 預先選定按鈕是單選 or 複選 disabled: 不可點選 or 輸入的元素 placehoder: 幫助用戶輸入資料的提示

type: 輸入欄位的類型 值：

text: 單行文字輸入欄位 radio: 單選按鈕的欄位 number : 建立數值入欄位 submit: 建立表單送出按鈕 checkbox: 複選按鈕的欄位 tel: 建立電話號碼輸入欄位 search: 建立收尋關鍵字欄位 email: 建立電子郵件輸入欄位 password: 建立密碼輸入欄位 hidden: 建立隱藏欄位,但在資料傳送時也回一起送出

<button>

按鈕

屬性：

type: 按鈕的類型 name: 按鈕的識別名稱 value: 按鈕的預設資料值 autofocus: 自動對焦

<textarea>

多行文字入輸欄位

屬性：

row: 顯示行數(高度) cols: 顯示字數(寬度) placeholder: 欄位中預設提示訊息

<select>

創建一個下拉列表, 與 一起使用

<option>

選擇清單中的項目

屬性：

value: 表單資料傳送到伺服器的項目資料

<progress>

用來建立一個進度條, 產生內容無法修改。

屬性：

value: 進度條當前內容的顯示值 max: 進度條顯示最大值

<label>

表單欄位建立關聯的標籤, 要一對一設定

屬性：

for: 對應表單欄位識別名稱

範例：

<form>
   <label for=”male”>male</label>
   <input type=”radio” name=”gender” value=”male” />
   <br />
   <label for=”famale”> famale</label>
   <input type=”radio” name=”gender” value=”famale” />
</form>

<meter>

用來建立以之範圍內的標準測量

屬性：

max: 度量條的最大值, 未設定為 1 mix: 度量條的最小值, 未設定為 0 value: 度量條當前的顯示值 low: 度量條的低標準( value < low ) high: 度量條的高標準( value > high )