html单选框

作者：疾风雨辰发布日期:2025-03-30 浏览:89

<!DOCTYPE html>
<html>
<head>
    <title>HTML 单选框示例</title>
</head>
<body>
    <form>
        <p>请选择您的性别：</p>
        <input type="radio" id="male" name="gender" value="male">
        <label for="male">男</label><br>
        <input type="radio" id="female" name="gender" value="female">
        <label for="female">女</label><br>
        <input type="radio" id="other" name="gender" value="other">
        <label for="other">其他</label><br>
    </form>
</body>
</html>

解释说明：

<input type="radio"> 用于创建单选按钮。用户只能从一组单选按钮中选择一个选项。
name="gender" 表示这一组单选按钮属于同一个组，因此用户只能在这几个选项中选择一个。
id 和 for 属性用于将标签 (<label>) 与对应的单选按钮关联起来，这样点击标签文本也会选中相应的单选按钮。
value 属性定义了当表单提交时，该单选按钮所代表的值。

下一篇：html style