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>

运行截图：

 

 

posted @ 2020-11-06 19:38  CherriesOvO  阅读(3231)  评论(0)  编辑  收藏  举报