｜Form｜Text｜Password｜Hidden｜Checkbox｜Select｜Textarea｜File｜Button / Submit / Reset｜Image｜
表單處理

Radio

基本語法
　Radio 不是一個獨立的元件，它是 Input 元件的一種使用型態。其基本語法如下：
　<input type="radio" name="名稱" value="對應值">

參數說明
　name 係指該元件的名稱，例如：BloodType。在事件處理程序中，您可以用 document.FormName.BloodType 來稱呼它。但是，同一個 form 中通常會有多個 radio 同名，此時就要依序使用 BloodType[0], BloodType[1], BloodType[2], ... 來區別它們。
　value 表示選取此一選項時，所代表的輸入值。
　假如您希望以某一選項為預設值的話，您可以在該選項加上 checked 參數。例：<input type="radio" name="BloodType" value="O" checked>。另外，這麼做有個好處，由於有了預設值，就不必擔心使用者沒有選取任何選項了。
　如果您希望某一選項失效（無法使用）的話，您可以加上 disabled 參數。例：<input type="radio" name="BloodType" value="AB" disabled>。
　其他參數的使用請自行參閱 HTML Specification。

使用範例
使用者端：
　在同一個 form 之中，如果有一個以上的 radio 都被設定了相同的名稱，則這些 radio 都將被視為一個群組，使用者只能在其中選取一個選項（單選）。需要注意的是，同一群組的各個 radio 的 value 不能相同，否則選哪一項都一樣。例如：
<form action="act.php" name="DemoForm" onsubmit="return Final_Check( );">
您的血型：
<input type="radio" name="BloodType" value="A">A 型
<input type="radio" name="BloodType" value="B">B 型
<input type="radio" name="BloodType" value="O">O 型
<input type="radio" name="BloodType" value="AB" disabled>AB 型
<input type="submit" value="Submit">
</form>
您的血型： A 型　 B 型　 O 型　 AB 型　
　當使用者按下 Submit 鍵時，將依 Final_Check( ) 的傳回值決定是否送出資料給 act.php。
<script language="JavaScript">
function Final_Check( ) {
  // 若使用者未選取任何選項時予以警告
  if ( !( document.DemoForm.BloodType[0].checked ||
           document.DemoForm.BloodType[1].checked ||
           document.DemoForm.BloodType[2].checked ||
           document.DemoForm.BloodType[3].checked ) ) {
    alert ("請選取您的血型！");
    return false;
  }

  return true;
}
</script>

伺服器端：
　這些資料將以元件名稱做為變數名稱，傳送到伺服器端。
<?
echo $BloodType;
?>
　若 register_globals 被設定為 off 時，您必須視資料傳送所使用的 method（GET/POST），改用 $_GET['變數名稱']、$_POST['變數名稱'] 或 $_REQUEST['變數名稱'] 來取得變數內容。
｜Form｜Text｜Password｜Hidden｜Checkbox｜Select｜Textarea｜File｜Button / Submit / Reset｜Image｜