html input标签 复选框 checkbox

复选框 checkbox : 可以从选项表中选择一项或者多项

<input type="checkbox" value="复选框取值" checked="checked">

checked 属性表示该选项在默认情况下已经被选中

复选框是没有文本的,需要加入 label 标签,并且使用 label 的 for 属性指向复选框的 id

例如: <label for="checkbox1">苹果</label>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
</head>
<body>

    <form name="my_form" method="POST">
        <input id="checkbox1" type="checkbox" checked="checked"> <label for="checkbox1">苹果</label> <br>
        <input id="checkbox2" type="checkbox" checked="checked"> <label for="checkbox2">香蕉</label> <br>
        <input id="checkbox3" type="checkbox" checked="checked"> <label for="checkbox3">西瓜</label> <br>
    </form>

</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_42265536/article/details/85217059