单选按钮表单

要创建单选按钮表单,你可以使用 HTML 的 <input> 元素,并将 type 属性设置为 “radio”。每个单选按钮都应具有相同的 name 属性,但具有不同的 value 属性。

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

<!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 属性(”gender”),但具有不同的 value 属性(”male”、”female” 和 “other”)。

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

<?php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $selectedGender = $_POST['gender'];
    echo "你选择的性别是:" . $selectedGender;
}
?>

在上面的例子中,$_POST['gender'] 将返回用户选择的性别值(例如,如果用户选择了”女性”,则返回”female”)。你可以根据这个值执行适当的操作,比如存储到数据库、显示相应的信息等。

需要注意的是,单选按钮的 name 属性必须相同,这样它们才能被视为同一组单选按钮,用户只能选择其中一个选项。

Leave a Reply 0

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