单选按钮(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
属性不同即可。