HTML复选框

①将type类型设为"checkbox"

②name=""用来设置变量名

③value=""用来设置变量默认值

④<input>此处设置需要显示的内容<br>

代码示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>html复选框</title>
</head>
<body>
    <form>
        <label>请选择你喜欢的水果：</label><br>
        <input type="checkbox" name="apple" value="苹果">苹果<br>
        <input type="checkbox" name="banana" value="香蕉">香蕉<br>
        <input type="checkbox" name="orange" value="橙子">橙子<br>
        <input type="checkbox" name="melon" value="西瓜">西瓜<br>
        <input type="submit">
    </form>
</body>
</html>

运行截图：

HTML复选框

2021-06-03
2022-12-23
2022-12-23
2022-12-23
2021-04-07
2021-12-02