HTML——input之單選按鈕

在 HTML 中，把 <input> 標簽的 type 屬性設置為 radio 可以表示單選按鈕。具體語法格式如下：

<input type="radio" />

　　

例子：

<form action="http://vip.biancheng.net/login.php" method="post" name="formName">
       性別：<input type="radio" name="sex" value="girl">女
       <input type="radio" name="sex" value="boy" checked="checked">男
</form>

 

 

屬性：

1、checked屬性

checked 屬性用來設置頁面加載時單選按鈕的選中狀態。當屬性值為“checked”時，單選按鈕會被選中。

<form action="http://vip.biancheng.net/login.php" method="post" name="formName">
       性別：<input type="radio" name="sex" checked>女
       <input type="radio" name="sex" checked>男
</form>

注意：當 type 屬性值為 radio 時，name 屬性值必須保持一致。checked="checked"可以簡寫為 checked。

 

2、name屬性

當 type 屬性值為 radio 時，name 屬性值必須保持一致。

 

3、value屬性

<form action="http://vip.biancheng.net/login.php" method="post" name="formName">
       性別：<input type="radio" name="sex" value="girl">女
       <input type="radio" name="sex" value="boy" checked="checked">男
</form>

 

注意： 通過運行結果發現，value 值並不會顯示在頁面中。之所以建議為每個按鈕添加 value 值，是因為最終提交表單時，服務器可以根據 value 屬性值辨別提交的是哪一項。