MOBILE HTML5學習手冊

98

|

第四章

<p>What is your favorite color (pick one):</p>

<ul>

<li>

<label>red:

<input type="radio" name="favoritecolor" value="red"/>

</label>

</li>

<li>

<label>green:

<input type="radio" name="favoritecolor" value="green"/>

</label>

</li>

<li>

<label>blue:

<input type="radio" name="favoritecolor" value="blue"/>

</label>

</li>

</ul>

請注意，在這個群組內的所有單選按鈕都有相同的

name

值。同一群組內的所有單選按鈕

的

name

值都必須一樣。如果使用

ID

的話，它必須是獨一無二的。

注意，我們在這個範例中使用隱式標籤。為了達到輔助的效果，你一定要

為每一個輸入加入一個標籤，無論隱式或顯式。如果要使用顯式標籤，請

讓標籤的

for

屬性符合表單元素的

id

。本章稍後將會說明

<label>

。

提交：<input type="submit">

submit

輸入類型

type="submit"

經常被稱為“提交按鈕”，當它被按下時會提交表單。

提交按鈕會傳送表單資料，除非透過設定

disabled

屬性，或在它的事件處理器使用

JavaScript

return false

或

preventDefault() ...