legend
- Data publikacji
- Ostatnio edytowano
Przeznaczenie elementu legend
Element legend
reprezentuje nagłówek pełniący rolę objaśnienia treści reprezentowanej przez zawartość elementu fieldset, do którego należy dany element legend
.
Dodatkowe artykuły związane z elementem legend
Informacje techniczne o elemencie legend
- kategoria ogólna
-
brak
- kontekst zewnętrzny
-
jako pierwszy element dziecko elementu fieldset
Przykładowy Kod HTML
<form> <fieldset> <legend>Twoje dane</legend> <label>Imię: <input></label> <label>Nazwisko: <input></label> </fieldset> <button type="submit">zatwierdź</button> </form>
Kontekstem zewnętrznym przykładowego elementu "legend" jest element "fieldset", dla którego wspomniany element "legend" jest pierwszym elementem dzieckiem, dlatego w tej sytuacji wspomniany kontekst zewnętrzny, czyli element "fieldset", jest prawidłowym kontekstem zewnętrznym dla elementu "legend".
- kontekst wewnętrzny
-
zawartość frazowana, jak również ewentualnie elementy HTML należące do kategorii nagłówek zawartości
Przykładowy Kod HTML
<form> <fieldset> <legend>Proszę podać <b>Twoje dane</b> <small>wymagane</small></legend> <label>Imię: <input></label> <label>Nazwisko: <input></label> </fieldset> <button type="submit">zatwierdź</button> </form>
Kontekstem wewnętrznym przykładowego elementu "legend" jest wyłącznie tekst oraz elementy HTML, które należą do kategorii zawartość frazowana, dlatego w tej sytuacji wspomniany kontekst wewnętrzny, czyli ciąg znaków "Proszę podać", element "b" oraz element "small", jest prawidłowym kontekstem wewnętrznym dla elementu "legend".
Przykładowy Kod HTML
<form> <fieldset> <legend> <h3>Dane użytkownika</h3> </legend> <label>Imię: <input></label> <label>Nazwisko: <input></label> </fieldset> <button type="submit">zatwierdź</button> </form>
Kontekstem wewnętrznym przykładowego elementu "legend" jest wyłącznie element HTML należący do kategorii nagłówek zawartości, dlatego w tej sytuacji wspomniany kontekst wewnętrzny, czyli element "h3", jest prawidłowym kontekstem wewnętrznym dla elementu "legend".
- wymagane elementy dzieci
-
brak
- wymagane atrybuty
-
brak
- zdolność fallback
-
nie dotyczy
- składnia HTML
-
<legend> ... </legend>
- pominięcie tagu na początku
-
nigdy
- pominięcie tagu na końcu
-
nigdy
- CSS display
-
block
Przypuszczalnie domyślne reguły CSS elementu legend
legend {
display:block;
padding-left:2px;
padding-right:2px;
}
Interpretacja elementu legend
-
tak
-
tak
-
tak
-
tak
-
tak
-
tak