summaryrefslogtreecommitdiff
path: root/devdocs/html/element%2Foptgroup.html
diff options
context:
space:
mode:
authorCraig Jennings <c@cjennings.net>2025-08-14 22:58:58 -0500
committerCraig Jennings <c@cjennings.net>2025-08-14 22:58:58 -0500
commit82ba818ff456bcd6d56a06226e3f27e98fbb55c3 (patch)
tree158cfc17b2f644a10f063cb546752cfaae12c97f /devdocs/html/element%2Foptgroup.html
parent9278ddd4ea1a8b1a4c1edaa8894516e3f48d245b (diff)
downloaddotemacs-82ba818ff456bcd6d56a06226e3f27e98fbb55c3.tar.gz
dotemacs-82ba818ff456bcd6d56a06226e3f27e98fbb55c3.zip
removing all downloaded devdocs files
Diffstat (limited to 'devdocs/html/element%2Foptgroup.html')
-rw-r--r--devdocs/html/element%2Foptgroup.html119
1 files changed, 0 insertions, 119 deletions
diff --git a/devdocs/html/element%2Foptgroup.html b/devdocs/html/element%2Foptgroup.html
deleted file mode 100644
index 15a7eea5..00000000
--- a/devdocs/html/element%2Foptgroup.html
+++ /dev/null
@@ -1,119 +0,0 @@
-<header><h1>&lt;optgroup&gt;: The Option Group element</h1></header><div class="section-content"><p>The <code>&lt;optgroup&gt;</code> <a href="../index">HTML</a> element creates a grouping of options within a <a href="select"><code>&lt;select&gt;</code></a> element.</p></div>
-<h2 id="try_it">Try it</h2>
-<div class="section-content">
-<iframe class="interactive is-tabbed-standard-height" height="200" src="https://interactive-examples.mdn.mozilla.net/pages/tabbed/optgroup.html" title="MDN Web Docs Interactive Example" loading="lazy"></iframe> <div class="notecard note" id="sect1"> <p><strong>Note:</strong> Optgroup elements may not be nested.</p> </div>
-</div>
-<h2 id="attributes">Attributes</h2>
-<div class="section-content">
-<p>This element includes the <a href="../global_attributes">global attributes</a>.</p> <dl> <dt id="disabled"><a href="#disabled"><code>disabled</code></a></dt> <dd> <p>If this Boolean attribute is set, none of the items in this option group is selectable. Often browsers grey out such control and it won't receive any browsing events, like mouse clicks or focus-related ones.</p> </dd> <dt id="label"><a href="#label"><code>label</code></a></dt> <dd> <p>The name of the group of options, which the browser can use when labeling the options in the user interface. This attribute is mandatory if this element is used.</p> </dd> </dl>
-</div>
-<h2 id="examples">Examples</h2>
-<div class="section-content"><div class="code-example">
-<p class="example-header"><span class="language-name">html</span></p>
-<pre data-signature="8d6LzWimwabx5QLlOyOM1drlp2h1OtESJZZ77PRdMe8=" data-language="html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>select</span><span class="token punctuation">&gt;</span></span>
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>optgroup</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Group 1<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>option</span><span class="token punctuation">&gt;</span></span>Option 1.1<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>option</span><span class="token punctuation">&gt;</span></span>
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>optgroup</span><span class="token punctuation">&gt;</span></span>
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>optgroup</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Group 2<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>option</span><span class="token punctuation">&gt;</span></span>Option 2.1<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>option</span><span class="token punctuation">&gt;</span></span>
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>option</span><span class="token punctuation">&gt;</span></span>Option 2.2<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>option</span><span class="token punctuation">&gt;</span></span>
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>optgroup</span><span class="token punctuation">&gt;</span></span>
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>optgroup</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Group 3<span class="token punctuation">"</span></span> <span class="token attr-name">disabled</span><span class="token punctuation">&gt;</span></span>
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>option</span><span class="token punctuation">&gt;</span></span>Option 3.1<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>option</span><span class="token punctuation">&gt;</span></span>
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>option</span><span class="token punctuation">&gt;</span></span>Option 3.2<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>option</span><span class="token punctuation">&gt;</span></span>
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>option</span><span class="token punctuation">&gt;</span></span>Option 3.3<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>option</span><span class="token punctuation">&gt;</span></span>
- <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>optgroup</span><span class="token punctuation">&gt;</span></span>
-<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>select</span><span class="token punctuation">&gt;</span></span>
-</pre>
-</div></div>
-<h3 id="result">Result</h3>
-<div class="section-content"><div class="code-example" id="sect2">
-
-<iframe class="sample-code-frame" title="Examples sample" id="frame_examples" src="https://live.mdnplay.dev/en-US/docs/Web/HTML/Element/optgroup/runner.html?id=examples" loading="lazy"></iframe>
-</div></div>
-<h2 id="technical_summary">Technical summary</h2>
-<div class="section-content"><figure class="table-container"><div class="_table"><table class="properties"> <tbody> <tr> <th scope="row"><a href="../content_categories">Content categories</a></th> <td>None.</td> </tr> <tr> <th scope="row">Permitted content</th> <td>Zero or more <a href="option"><code>&lt;option&gt;</code></a> elements.</td> </tr> <tr> <th scope="row">Tag omission</th> <td> The start tag is mandatory. The end tag is optional if this element is immediately followed by another <code>&lt;optgroup&gt;</code> element, or if the parent element has no more content. </td> </tr> <tr> <th scope="row">Permitted parents</th> <td>A <a href="select"><code>&lt;select&gt;</code></a> element.</td> </tr> <tr> <th scope="row">Implicit ARIA role</th> <td><a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/group_role"><code>group</code></a></td> </tr> <tr> <th scope="row">Permitted ARIA roles</th> <td>No <code>role</code> permitted</td> </tr> <tr> <th scope="row">DOM interface</th> <td><a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLOptGroupElement"><code>HTMLOptGroupElement</code></a></td> </tr> </tbody> </table></div></figure></div>
-<h2 id="specifications">Specifications</h2>
-<div class="_table"><table class="standard-table">
-<thead><tr><th scope="col">Specification</th></tr></thead>
-<tbody><tr><td><a href="https://html.spec.whatwg.org/multipage/form-elements.html#the-optgroup-element">HTML Standard <br><small># the-optgroup-element</small></a></td></tr></tbody>
-</table></div>
-<h2 id="browser_compatibility">Browser compatibility</h2>
-<div class="_table"><table>
-<thead>
-<tr id="bct-browser-type">
-<th></th>
-<th colspan="6">Desktop</th>
-<th colspan="6">Mobile</th>
-</tr>
-<tr id="bct-browsers">
-<th></th>
-<th>Chrome</th>
-<th>Edge</th>
-<th>Firefox</th>
-<th>Internet Explorer</th>
-<th>Opera</th>
-<th>Safari</th>
-<th>WebView Android</th>
-<th>Chrome Android</th>
-<th>Firefox for Android</th>
-<th>Opera Android</th>
-<th>Safari on IOS</th>
-<th>Samsung Internet</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<th><code>optgroup</code></th>
-<td class="bc-supports-yes">1</td>
-<td class="bc-supports-yes">12</td>
-<td class="bc-supports-yes">1</td>
-<td class="bc-supports-yes">5.5</td>
-<td class="bc-supports-yes">15</td>
-<td class="bc-supports-yes">≤4</td>
-<td class="bc-supports-yes">4.4</td>
-<td class="bc-supports-yes">18</td>
-<td class="bc-supports-yes">4</td>
-<td class="bc-supports-yes">14</td>
-<td class="bc-supports-yes">≤3.2</td>
-<td class="bc-supports-yes">1.0</td>
-</tr>
-<tr>
-<th><code>disabled</code></th>
-<td class="bc-supports-yes">1</td>
-<td class="bc-supports-yes">12</td>
-<td class="bc-supports-yes">1</td>
-<td class="bc-supports-yes">8</td>
-<td class="bc-supports-yes">15</td>
-<td class="bc-supports-yes">≤4</td>
-<td class="bc-supports-yes">4.4</td>
-<td class="bc-supports-yes">18</td>
-<td class="bc-supports-yes">4</td>
-<td class="bc-supports-yes">14</td>
-<td class="bc-supports-yes">≤3.2</td>
-<td class="bc-supports-yes">1.0</td>
-</tr>
-<tr>
-<th><code>label</code></th>
-<td class="bc-supports-yes">1</td>
-<td class="bc-supports-yes">12</td>
-<td class="bc-supports-yes">1</td>
-<td class="bc-supports-yes">5.5</td>
-<td class="bc-supports-yes">15</td>
-<td class="bc-supports-yes">≤4</td>
-<td class="bc-supports-yes">4.4</td>
-<td class="bc-supports-yes">18</td>
-<td class="bc-supports-yes">4</td>
-<td class="bc-supports-yes">14</td>
-<td class="bc-supports-yes">≤3.2</td>
-<td class="bc-supports-yes">1.0</td>
-</tr>
-</tbody>
-</table></div>
-<h2 id="see_also">See also</h2>
-<div class="section-content"><ul> <li>Other form-related elements: <a href="form"><code>&lt;form&gt;</code></a>, <a href="legend"><code>&lt;legend&gt;</code></a>, <a href="label"><code>&lt;label&gt;</code></a>, <a href="button"><code>&lt;button&gt;</code></a>, <a href="select"><code>&lt;select&gt;</code></a>, <a href="datalist"><code>&lt;datalist&gt;</code></a>, <a href="option"><code>&lt;option&gt;</code></a>, <a href="fieldset"><code>&lt;fieldset&gt;</code></a>, <a href="textarea"><code>&lt;textarea&gt;</code></a>, <a href="input"><code>&lt;input&gt;</code></a>, <a href="output"><code>&lt;output&gt;</code></a>, <a href="progress"><code>&lt;progress&gt;</code></a> and <a href="meter"><code>&lt;meter&gt;</code></a>.</li> </ul></div><div class="_attribution">
- <p class="_attribution-p">
- &copy; 2005&ndash;2023 MDN contributors.<br>Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.<br>
- <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/optgroup" class="_attribution-link">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/optgroup</a>
- </p>
-</div>