From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- .../web/html/element/input/checkbox/index.html | 137 +++++++++++++++++++++ 1 file changed, 137 insertions(+) create mode 100644 files/zh-cn/web/html/element/input/checkbox/index.html (limited to 'files/zh-cn/web/html/element/input/checkbox/index.html') diff --git a/files/zh-cn/web/html/element/input/checkbox/index.html b/files/zh-cn/web/html/element/input/checkbox/index.html new file mode 100644 index 0000000000..14a0d21aef --- /dev/null +++ b/files/zh-cn/web/html/element/input/checkbox/index.html @@ -0,0 +1,137 @@ +--- +title: +slug: Web/HTML/Element/Input/checkbox +translation_of: Web/HTML/Element/input/checkbox +--- +

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

+ +
+

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

+
+ +

属性

+ +

该元素包含全局属性

+ +
+
{{htmlattrdef("checked")}}
+
+

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

+
+
{{htmlattrdef("value")}}
+
指定input的值。如果省略,获取该元素的值的结果为字符串"on"。
+ 请注意,如果value值发生改变后页面重新加载,Gecko和IE会忽略HTML源代码中设置的value值
+
{{htmlattrdef("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,如下所示:

+ +

{{EmbedLiveSample("Example")}}

+ +

规范

+ + + + + + + + + + + + + + + + + + + + + + + + + +
规范状态
{{SpecName('HTML WHATWG', 'forms.html#checkbox-state-(type=checkbox)', '<checkbox>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'forms.html#checkbox-state-(type=checkbox)', '<checkbox>')}}{{Spec2('HTML5 W3C')}} 
{{SpecName('HTML4.01', 'interact/forms.html#checkbox', '<checkbox>')}}{{Spec2('HTML4.01')}} 
+ +

浏览器兼容性

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
特性ChromeFirefox (Gecko)Internet ExplorerOperaSafari
基本支持1.0{{CompatGeckoDesktop("1.7 or earlier")}}2 or earlier1.01.0
type=checkbox1.0{{CompatGeckoDesktop("1.7 or earlier")}}
+ {{CompatGeckoDesktop("1.9.2")}} for indeterminate value
21.01.0
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
特性AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
基本支持{{CompatVersionUnknown}}{{CompatGeckoMobile("2.0")}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
type=checkbox{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+
-- cgit v1.2.3-54-g00ecf