HTML CSS Reference/HTML Tag Reference/optgroup
Содержание
"optgroup" Event Handlers
<source lang="html4strict">
+----------------+--------------------------------------------------------------+ | Event |onBlur onChange | | Handlers |onClick onDblClick | | |onFocus onKeyDown | | |onKeyPress onKeyUp | | |onMouseDown onMouseMove | | |onMouseOut onMouseOver | | |onMouseUp | +----------------+--------------------------------------------------------------+
</source>
"optgroup" Example
<source lang="html4strict">
<html> <head> <title>option element example</title> </head> <body>
<form name="form1" method="post" action="youractionscript.asp">
<select name="select1"> <optgroup label="First Group"> <option>First item in first group</option> <option>Second item in first group </option> <option>Third item in first group </option> </optgroup> <optgroup label="Second Group"> <option>First item in second group </option> <option>Second item in second group </option> <option>Third item in second group </option> </optgroup> <optgroup label="Group 3"> <option>First item in Group 3</option> <option>Second item in Group 3</option> <option>Third item in Group 3</option> </optgroup> </select>
</form>
</body> </html>
</source>
"optgroup" HTML Attributes
<source lang="html4strict">
+----------------+--------------------------------------------------------------+ | HTML |disabled label | +----------------+--------------------------------------------------------------+
</source>
"optgroup" JavaScript Collections
<source lang="html4strict">
+----------------+--------------------------------------------------------------+ | JavaScript |attributes childNodes | +----------------+--------------------------------------------------------------+
</source>
"optgroup" JavaScript Methods
<source lang="html4strict">
+----------------+--------------------------------------------------------------+ | JavaScript |appendChild cloneNode | | Methods |getAttribute getAttributeNode | | |getElementsByTagName hasChildNodes | | |insertBefore normalize | | |removeAttribute removeAttributeNode | | |removeChild replaceChild | | |setAttribute setAttributeNode | +----------------+--------------------------------------------------------------+
</source>
"optgroup" JavaScript Properties
<source lang="html4strict">
+----------------+--------------------------------------------------------------+ | JavaScript |className clientHeight | | Properties |clientWidth dir | | |firstChild id | | |innerHTML label | | |lang lastChild | | |nextSibling nodeName | | |nodeType nodeValue | | |offsetHeight offsetLeft | | |offsetParent offsetTop | | |offsetWidth ownerDocument | | |parentNode previousSibling | | |scrollHeight scrollLeft | | |scrollTop scrollWidth | | |tagName title | +----------------+--------------------------------------------------------------+
</source>
"optgroup" Syntax and Note
<source lang="html4strict">
Note: This element creates multiple options within a <select> element list. The option groups cannot be nested within other option groups.
Syntax:
<optgroup attributes events> . . . </optgroup>
</source>