表單中的單選按鈕radio

2012/11/21 15:11:43作者：佚名來源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例介紹】

表單中的單選按鈕radio

單選按鈕用來讓瀏覽者進(jìn)行單一選擇，在頁面中以圓框顯示。在你的應(yīng)用程序中，當(dāng)要從幾個(gè)選項(xiàng)中選擇一個(gè)的時(shí)候可以用到。

【基本語法】

【語法介紹】

在該語法中，value用于設(shè)置用戶選中單選按鈕后，傳送到處理程序中的值。checked表示幾個(gè)單選按鈕被選中，而在一個(gè)單選按鈕組中只有一個(gè)單選按鈕可以設(shè)置為checked。

【實(shí)例代碼】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>單選按鈕</title>
</head>
<body>
<table width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td><form action="mailto:weixiao@foxw.com" name="form1" 
method="post" enctype="application/x-www-form-urlencoded"target="_blank" >
      性別 ：
<input name="radiobutton" type="radio" value="radiobutton" checked="checked" />男
<input type="radio" name="radiobutton" value="radiobutton" />女
</form></td>
  </tr>
</table>
</body>
</html>

【代碼分析】

在代碼中，加粗的<input name="radio"type="radio"value="radiobutton" checked>標(biāo)記將單選按鈕的名稱設(shè)置為radio，取值設(shè)置為“男”并設(shè)置為已勾選。<input type=”radio”name="radiobutton"value="radiobutton">標(biāo)記將單選按鈕的名稱設(shè)置為radio，取值設(shè)置為“女”在瀏覽器中瀏覽，效果如圖所示。

單選按鈕radio運(yùn)行效果