接續上一篇的最後，<select>下拉式選單中所提到的＜lable>標籤，下面將會補充說明。

<lable>表單欄位標題

<lable>標籤可以將表單欄位加上標題，與<input>、<textarea>、<button>等標籤搭配，另外還可以增加表單欄位的可點擊範圍，當使用者點擊<lable>標題文字時，等同於點擊此表單元件。

舉例：

<form>
    <label for="male">Male</label> 
    <input type="radio" name="sex" id="male"/> 
    <br>
    <label for="female">Female</label> 
    <input type="radio" name="sex" id="female"/>
</form>

顯示：

• for：此屬性值應與表單元件的id值相同，以建立關聯。如同上面舉例中for="male"且id="male"。

*除了上面的表示方式，還可以直接將表單元件放在<lable><lable/>裡面，不需要再設定for及id值。

舉例：

<form>
    <label>Female
    <input type ="radio" name ="sex"/> 
    </label> 
    <label>Male
    <input type ="radio" name ="sex"/>
    </label> 
</form>

顯示：

常見的表單元素屬性

name屬性

用來定義送出去的該筆資料的名稱，為了讓伺服器透過明確的名稱去取出相對應的資料。

value屬性

用來定義表單元素的預設值(可以為空值)。

id屬性

用來將需要辨識的標籤獨立定義，可搭配<lable>中的for屬性使用。
*一個標籤一個id值，同一頁面上的標籤不能有相同的id值。

required屬性

用來規定此欄位必須在提交表單前填寫。

placeholder屬性

用來提示使用者要在該欄位輸入什麼內容，在使用者開始輸入文字時會消失。
舉例：

<form action="">
    <label for="address">地址：</label>
    <input type="text" id="address" placeholder="xx市xx區xx路......">
</form>

顯示：

disabled屬性

用來禁用該表單元素，使得無法更改或送出。
舉例：

<form action="">
    <label for="address">地址：</label>
    <input type="text" id="address" placeholder="xx市xx區xx路......">
    <input type="submit" value="送出" disabled>
</form>

顯示：