html单选按钮

作者：霸气邪剑仙发布日期:2025-10-31 浏览:49

<!DOCTYPE html>
<html>
<head>
    <title>HTML 单选按钮示例</title>
</head>
<body>
    <h2>选择你的性别:</h2>
    <form action="">
        <input type="radio" name="gender" value="male"> 男<br>
        <input type="radio" name="gender" value="female"> 女<br>
        <input type="radio" name="gender" value="other"> 其他<br>
        <br>
        <input type="submit" value="提交">
    </form>

    <p><strong>解释说明:</strong></p>
    <ul>
        <li><code>input</code> 标签用于创建单选按钮，<code>type="radio"</code> 表示这是一个单选按钮。</li>
        <li><code>name</code> 属性定义了一组单选按钮的名称，同一组单选按钮的名称必须相同，这样用户只能在这组按钮中选择一个选项。</li>
        <li><code>value</code> 属性定义了当表单提交时，被选中的单选按钮所对应的值。</li>
        <li><code>form</code> 标签用于创建 HTML 表单，用户可以通过表单向服务器提交信息。</li>
        <li><code>input type="submit"</code> 创建了一个提交按钮，用户点击此按钮后会提交表单数据。</li>
    </ul>
</body>
</html>

上一篇：html转换工具

下一篇：html特殊字符编码大全