optgroup
- Data publikacji
- Ostatnio edytowano
Przeznaczenie elementu optgroup
Element optgroup
reprezentuje jedną grupę opcji wyboru składającą się z elementów option, które należą do danego elementu optgroup
.
Dodatkowe techniczne informacje o elemencie optgroup
- kategoria ogólna
-
brak
- kontekst zewnętrzny
-
jako element dziecko elementu select
Przykładowy Kod HTML
<form> <fieldset> <legend>Rodzaje muzyki oraz filmu</legend> <select> <optgroup label="Rodzaj Muzyki"> <option>techno</option> <option>rock</option> <option>pop</option> <option>trance</option> </optgroup> <optgroup label="Rodzaj Filmu"> <option>komedia</option> <option>dramat</option> <option>horror</option> <option>dokument</option> </optgroup> </select> </fieldset> <button type="submit">zatwierdź</button> </form>
Kontekstem zewnętrznym przykładowych elementów "optgroup" jest element "select", dla którego wspomniane elementy "optgroup" są elementami dziećmi, dlatego w tej sytuacji wspomniany kontekst zewnętrzny, czyli element "select", jest prawidłowym kontekstem zewnętrznym dla poszczególnych elementów "optgroup".
- kontekst wewnętrzny
-
elementy option, jak również ewentualnie zawartość skryptowa
Przykładowy Kod HTML
<form> <fieldset> <legend>Rodzaje muzyki oraz filmu</legend> <select> <optgroup label="Rodzaj Muzyki"> <option>techno</option> <option>rock</option> <option>pop</option> <option>trance</option> </optgroup> <optgroup label="Rodzaj Filmu"> <option>komedia</option> <option>dramat</option> <option>horror</option> <option>dokument</option> </optgroup> </select> </fieldset> <button type="submit">zatwierdź</button> </form>
Kontekstem wewnętrznym przykładowych elementów "optgroup" są wyłącznie elementy "option", dlatego w tej sytuacji wspomniany kontekst wewnętrzny jest prawidłowym kontekstem wewnętrznym dla poszczególnych elementów "optgroup".
Przykładowy Kod HTML
<form> <fieldset> <legend>Rodzaje muzyki oraz filmu</legend> <select> <optgroup label="Rodzaj Muzyki"> <option>techno</option> <option>rock</option> <option>pop</option> <option>trance</option> </optgroup> <optgroup label="Rodzaj Filmu"> <option>komedia</option> <option>dramat</option> <option>horror</option> <option>dokument</option> <template id="szablon-1"> <ins> <iframe src="dynamiczna-statystyka-01.html"></iframe> </ins> </template> <script src="skrypt-01.js"></script> </optgroup> </select> </fieldset> <button type="submit">zatwierdź</button> </form>
Kontekstem wewnętrznym przykładowych elementów "optgroup" są wyłącznie elementy "option" lub wyłącznie elementy "option" oraz elementy HTML, które należą do kategorii zawartość skryptowa, dlatego w tej sytuacji wspomniany kontekst wewnętrzny jest prawidłowym kontekstem wewnętrznym dla poszczególnych elementów "optgroup".
- wymagane elementy dzieci
-
brak
- wymagane atrybuty
-
atrybut label
- składnia HTML
-
<optgroup> ... </optgroup>
- pominięcie tagu na początku
-
nigdy
- pominięcie tagu na końcu
-
tag może zostać pominięty, lecz tylko jeżeli bezpośrednio po danym elemencie optgroup występuje inny element optgroup lub jeżeli bezpośrednio po danym elemencie optgroup nie występuje żadna inna zawartość, która z założenia miałaby należeć do zawartości elementu rodzica danego elementu optgroup
- CSS display
-
block
Dodatkowe domyślne reguły CSS elementu optgroup
optgroup {
display:block;
}
Interpretacja elementu optgroup
-
tak
-
tak
-
tak
-
tak
-
tak
-
tak