单选按钮

单选按钮(radio buttons)是一种用于让用户从多个选项中选择一个的表单元素。在 HTML 中,你可以使用 <input> 元素,并将 type 属性设置为 “radio”,以创建单选按钮。

以下是一个示例,展示了如何创建一组单选按钮:

<!DOCTYPE html>
<html>
<head>
    <title>单选按钮示例</title>
</head>
<body>
    <h1>单选按钮示例</h1>
    <form method="POST" action="process.php">
        <label>
            <input type="radio" name="gender" value="male">
            男性
        </label>
        <br>
        <label>
            <input type="radio" name="gender" value="female">
            女性
        </label>
        <br>
        <label>
            <input type="radio" name="gender" value="other">
            其他
        </label>
        <br>
        <input type="submit" value="提交">
    </form>
</body>
</html>

在上述示例中,我们创建了一组单选按钮来让用户选择性别。每个单选按钮都有一个相同的 name 属性,以便在用户选择时只能选择其中一个选项。每个单选按钮还有一个 value 属性,用于指定该选项的值。

当用户选择一个选项并提交表单时,表单数据将被发送到 process.php 文件。在 process.php 文件中,你可以使用 $_POST 超全局变量来获取单选按钮的值:

<?php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $gender = $_POST['gender'];

    // 执行其他操作,如存储到数据库等
    echo "你选择的性别是:" . $gender;
}
?>

在上面的例子中,我们使用 $_POST['gender'] 来获取用户选择的性别值,并可以根据需要执行其他操作,比如将数据存储到数据库等。

需要注意的是,单选按钮的 name 属性必须相同,这样它们才能成为一组单选按钮,用户只能从中选择一个选项。你可以根据需要创建多个单选按钮组,只需确保每个组的 name 属性不同即可。

Leave a Reply 0

Your email address will not be published. Required fields are marked *