溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了html頁面中的單選框功能是如何操作實現的，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
1.html單選框性別選擇示例如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>html單選聯動示例</title>
</head>
<body>
您的性別：
<input type="radio" name="activity" value="男">男
<input type="radio" name="activity" value="女" >女
<br/> <br/><br/>
</body>
</html>效果如下圖：
以上就是html單選按鈕選擇性別的示例。
2.html單選并默認一個值示例如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
你是否喜歡旅游？
<input type="radio" name="activity" value="喜歡" checked="checked">喜歡
<input type="radio" name="activity" value="不喜歡" >不喜歡
<input type="radio" name="activity" value="隨便" >隨便
<br/> <br/><br/>
</body>
</html>效果如下圖：
以上就是html單選并默認一個值的示例，這里可以發現與上述代碼示例1 是有一個顯著的區別，checked屬性。
checked 屬性就是規定在頁面加載時應該被預先選定的 input 元素。 與 <input type="checkbox"> 或 <input type="radio"> 配合使用。也可以在頁面加載后，通過 JavaScript 代碼進行設置。
感謝你能夠認真閱讀完這篇文章，希望小編分享html頁面中的單選框功能是如何操作實現的內容對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
