要创建单选按钮表单,你可以使用 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
属性必须相同,这样它们才能被视为同一组单选按钮,用户只能选择其中一个选项。