HTML input type checkbox 类型

🌙
手机阅读
本文目录结构
axihe

功能介绍

HTML input元素 <input type="checkbox"> 允许你为表单中(或不在表单中)的提交项选择一个单一值。

注意: 若表单提交时,checkbox未勾选,则提交的值并非为value=unchecked;此时的值不会被提交到服务器。

属性

该元素包含全局属性。

checked

当type属性的值为checkbox时, 这个属性的存在表示input是否默认被选中。你可以将该属性设置为checked=“checked”,或更简单地只设置为checked。

value

指定input的值。如果省略,获取该元素的值的结果为字符串”on”。

请注意,如果value值发生改变后页面重新加载,Gecko和IE会忽略HTML源代码中设置的value值。

indeterminate

指定checkbox处于不定状态(在大多数平台,这样会产生一个划过checkbox的横线)。

示例

<p>
  <input type="checkbox" id="cbox1" value="first_checkbox">
  <label for="cbox1">This is the first checkbox</label>
</p>
<p>
  <input type="checkbox" id="cbox2" value="second_checkbox" checked="checked">
  <label for="cbox2">This is the second checkbox, which is checked</label>
</p>

参考网站:https://developer.mozilla.org/zh/docs/web/html/element/input/checkbox


AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang