允许你为表单中(或不在表单中)的提交项选择一个单一值。 注意: 若表单提交时,checkbox未勾选,则提交…" />

<input type="checkbox"> - HTML(超文本标记语言) 编辑

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>

以上代码将产生2个checkbox,如下所示:

规范

规范状态
HTML Living Standard
<checkbox>
Living Standard 
HTML5
<checkbox>
Recommendation 
HTML 4.01 Specification
<checkbox>
Recommendation 

浏览器兼容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!
特性ChromeFirefox (Gecko)Internet ExplorerOperaSafari
基本支持1.01.0 (1.7 or earlier)2 or earlier1.01.0
type=checkbox1.01.0 (1.7 or earlier)
3.6 (1.9.2) for indeterminate value
21.01.0
特性AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
基本支持(Yes)4.0 (2.0)(Yes)(Yes)(Yes)
type=checkbox(Yes)(Yes)(Yes)(Yes)(Yes)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

词条统计

浏览:139 次

字数:4981

最后编辑:7 年前

编辑次数:0 次

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文