要创建复选框(checkbox)表单,你可以使用 HTML 的 <input>
元素,并将 type
属性设置为 “checkbox”。每个复选框都应具有不同的 name
属性和可选的 value
属性。
以下是一个示例,展示了如何创建复选框表单:
<!DOCTYPE html>
<html>
<head>
<title>复选框表单示例</title>
</head>
<body>
<h1>复选框表单示例</h1>
<form method="POST" action="process.php">
<label>
<input type="checkbox" name="fruit[]" value="apple">
苹果
</label>
<br>
<label>
<input type="checkbox" name="fruit[]" value="banana">
香蕉
</label>
<br>
<label>
<input type="checkbox" name="fruit[]" value="orange">
橙子
</label>
<br>
<input type="submit" value="提交">
</form>
</body>
</html>
在上述示例中,我们创建了一个包含三个复选框的表单。每个复选框都具有不同的 name
属性(”fruit[]”),这样它们可以被视为一个数组,以便可以选择多个选项。
当用户选择一个或多个复选框并提交表单时,表单数据将被发送到 process.php
文件。在 process.php
文件中,你可以使用 $_POST
超全局变量来获取所选的水果:
<?php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$selectedFruits = $_POST['fruit'];
if (!empty($selectedFruits)) {
echo "你选择的水果是:" . implode(", ", $selectedFruits);
} else {
echo "你没有选择任何水果";
}
}
?>
在上面的例子中,$_POST['fruit']
将返回一个数组,其中包含用户选择的水果值(例如,如果用户选择了”苹果”和”香蕉”,则返回一个包含 “apple” 和 “banana” 的数组)。你可以根据这个数组执行适当的操作,比如存储到数据库、显示相应的信息等。
需要注意的是,复选框的 name
属性应该以 “[]” 结尾,这样它们的值将被视为数组。这允许用户选择多个选项,而不仅限于单个选择。