checkbox 复选框

要创建复选框(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 属性应该以 “[]” 结尾,这样它们的值将被视为数组。这允许用户选择多个选项,而不仅限于单个选择。

Leave a Reply 0

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