返回列表 上一主題 發帖

5-6-4 單選按鈕(Radio)

5-6-4 單選按鈕(Radio)

5-6-4   單選按鈕(Radio)
單選按鈕(Radio)適用於多備選案答案且單一答案選取的場合,如同單選的選擇題,例如血型、性別…等:
  1. <input type=”Radio” name=”識別名” value=”資料值”>
複製代碼
由於使用者只需點選答案,不需要填寫資料,所以我們必須為每一個單選按鈕建立不同的資料值,最重要的是:為了讓多個單選按鈕成為單選的群組,故同群組內的單選按鈕其「name」屬性值必須為相同的「識別名」。
radio.php
  1. <html><head>
  2. <title>單選按鈕元件使用</title>
  3. </head><body>
  4. <form action="radio_ans.php" method="Post">
  5. 請選擇血型:<Br>
  6. <Input type="Radio" name="blood" value="A" Checked>A
  7. <Input type="Radio" name="blood" value="B">B
  8. <Input type="Radio" name="blood" value="O">O
  9. <Input type="Radio" name="blood" value="AB">AB
  10. <Br>
  11. <input type="Submit">
  12. </form>
  13. </body></html>
複製代碼
心安,平安   
發表任何無意義的感謝或灌水文章一律砍,珍惜帳號,請詳閱版規!!

若我們要將某個單選按鈕預設為已選取,則可加入「Checked」屬性設定,例如將血型A的項目設為預先選取「<Input type="Radio" name="blood" value="A" Checked>」,當網頁一開啟後,「A」這個單選按鈕即為選取狀態。

圖5-26  單選按鈕範例radio.php。
當使用者選取了某個單選按鈕後,那麼選取項目的切換僅限於同全中的其他單選按鈕,沒有辦法取消而不選取群組中的任何單選按鈕。
心安,平安   
發表任何無意義的感謝或灌水文章一律砍,珍惜帳號,請詳閱版規!!

TOP

        靜思自在 : 地上種了菜,就不易長草;心中有善,就不易生惡。
返回列表 上一主題