Checkbox 讲解

DOM Checkbox 对象

Checkbox 对象

Checkbox 对象代表一个 HTML 表单中的 一个选择框。

在 HTML 文档中 每出现一次，Checkbox 对象就会被创建。

可以通过遍历表单的 elements[] 数组来访问某个选择框，或者通过使用 document.getElementById() 。

IE: Internet Explorer, F: Firefox, O: Opera, W3C: World Wide Web Consortium (Internet 标准).

Checkbox 对象的属性

属性	描述	IE	F	O	W3C
	设置或返回访问 checkbox 的快捷键。	4	1	9	Yes
	设置或返回当浏览器不支持 checkbox 时供显示的替代文本。	5	1	9	Yes
	设置或返回 checkbox 是否应被选中。	4	1	9	Yes
	返回 checked 属性的默认值。	4	1	9	Yes
	设置或返回 checkbox 是否应被禁用。	4	1	9	Yes
	返回对包含 checkbox 的表单的引用。	4	1	9	Yes
	设置或返回 checkbox 的 id。	4	1	9	Yes
	设置或返回 checkbox 的名称。	4	1	9	Yes
	设置或返回 checkbox 的 tab 键控制次序。	4	1	9	Yes
	返回 checkbox 的表单元素类型。	4	1	9	Yes
value	设置或返回 checkbox 的 value 属性的值	4	1	9	Yes

Standard Properties

Property	Description	IE	F	O	W3C
	Sets or returns the class attribute of an element	5	1	9	Yes
	Sets or returns the direction of text	5	1	9	Yes
	Sets or returns the language code for an element	5	1	9	Yes
	Sets or returns an element's advisory title	5	1	9	Yes

Checkbox 对象的方法

方法	描述	IE	F	O	W3C
	从 checkbox 上移开焦点。	4	1	9	Yes
	模拟在 checkbox 中的一次鼠标点击。	4	1	9	Yes
focus()	为 checkbox 赋予焦点。	4	1	9	Yes

标签

定义和用法

标签定义输入字段，用户可在其中输入数据。

HTML 4.01 与 HTML 5 之间的差异

在 HTML 5 中，该元素有很多新属性，同时不再支持 HTML 4.01 中的一些属性。

在 HTML 5 中，type 属性有很多新的值。

例子

注释：input 元素是空的，仅包含属性。

提示：请使用 label 元素为表单控件定义标注。

属性

属性	值	描述	4	5
accept	list_of_mime_types	一个逗号分隔的 MIME 类型列表，指示文件传输的 MIME 类型。注释：仅可与 type="file" 配合使用。	4	5
align	left right top texttop middle absmiddle baseline bottom absbottom	定义图像之后的文本对齐方式。 不支持，请使用 CSS 代替。	4
alt	text	定义图像的替代文本。 注释：仅可与 type="image" 配合使用。	4	5
autocomplete				5
autofocus	true false	当页面加载时，使输入字段获得焦点。 注释：type="hidden" 时，无法使用。		5
checked	true false	指示此 input 元素首次加载时应当被选中。 注释：请与 type="checkbox" 及 type="radio" 配合使用。	4	5
disabled	true false	当 input 元素首次加载时禁用此元素，这样用户就无法在其中写文本，或选定它。 注释：不能与 type="hidden" 一同使用。	4	5
form	true false	定义输入字段属于一个或多个表单。		5
inputmode	inputmode	定义预期的输入类型。		5
list	id of a datalist	引用 datalist 元素。如果定义，则一个下拉列表可用于向输入字段插入值。		5
max	number	输入字段的最大值。		5
maxlength	number	定义文本域中所允许的字符最大数目。	4	5
min	number	输入字段的最小值。		5
name	field_name	为 input 元素定义唯一的名称。	4	5
pattern				5
readonly	readonly	指示是否可修改该字段的值。	4	5
replace	text	定义当表单提交时如何处理该输入字段。		5
required	true false	定义输入字段的值是否是必需的。 当使用下列类型时无法使用：hidden, image, button, submit, reset		5
size	number_of_char	定义 input 元素的大小。不再支持。	4
src	URL	定义要显示的图像的 URL。 仅用于 type="image" 时。	4	5
step				5
template	template	定义一个或多个模板。		5
type	button checkbox date datetime datetime-local email file hidden image month number password radio range reset submit text time url week	指示 input 元素的类型。 默认值是 "text" 注释：该属性不是必需的。但是我们认为应该使用它。	4	5
value	value	对于按钮、重置按钮和确认按钮：定义按钮上的文本。 对于图像按钮：定义传递向某个脚本的此域的符号结果。 对于复选框和单选按钮：定义 input 元素被点击时的结果。 对于隐藏域、密码域以及文本域：定义元素的默认值。 注释：不能与 type="file" 一同使用。 注释：与 type="checkbox" 和 type="radio" 一同使用时，此元素是必需的。	4	5

标准属性

class, contenteditable, contextmenu, dir, draggable, id, irrelevant, 
lang, ref, registrationmark, tabindex, template, title

如需完整的描述，请访问 。

事件属性

onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, 
ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, 
ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, 
onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, 
onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload