html input radio

作者：冷言寡语发布日期:2025-05-16 浏览:77

<!DOCTYPE html>
<html>
<head>
    <title>HTML Input Radio Example</title>
</head>
<body>
    <h2>Select your favorite fruit:</h2>
    <form action="/submit_form" method="get">
        <input type="radio" id="apple" name="fruit" value="apple">
        <label for="apple">Apple</label><br>
        <input type="radio" id="banana" name="fruit" value="banana">
        <label for="banana">Banana</label><br>
        <input type="radio" id="orange" name="fruit" value="orange">
        <label for="orange">Orange</label><br>
        <input type="submit" value="Submit">
    </form>
</body>
</html>

解释说明：

<input type="radio">: 用于创建单选按钮。用户只能选择一组单选按钮中的一个选项。
id属性: 每个单选按钮都有一个唯一的 id，用于与标签 (<label>) 关联。
name属性: 所有单选按钮的 name 属性相同，表示它们属于同一组，确保在同一组中只能选择一个选项。
value属性: 表示每个单选按钮的值，当表单提交时，选中的单选按钮的值将被发送到服务器。
<label>元素: 提供描述性文本，点击标签也会选中对应的单选按钮。

上一篇：html input标签的type属性

下一篇：html单选