Element select HTML5

11 sierpnia 2012
1 gwiadka2 gwiazdki3 gwiazdki4 gwiazdki5 gwiazdek

Element select reprezentuje menu z opcjami. Opcje tego menu są reprezentowane przez elementy option, które z kolei można grupować przy użyciu elementów optgroup.

Kontekst użycia

Modele treści HTML5 treść ogólna, syntagmatyczna, interaktywna oraz formularzowa
Elementy nadrzędne Elementy przyjmujące treść syntagmatyczną
Elementy potomne

Zero lub więcej elementów option lub optgroup

Znaczniki Musi mieć znacznik otwierający i zamykający
Normy HTML 5 — podrozdział 4.10.9; HTML 4.01 — podrozdział 17.6
Interfejs DOM HTMLSelectElement
Różnice między HTML 4.01 a HTML 5 W HTML 5 dodano nowe atrybuty: autofocus, form, required

Przykłady użycia

Menu z kilkoma opcjami
<select>
  <option value="ruby">Ruby</option>
  <option value="php">PHP</option>
  <option value="cpp">C++</option>
  <option value="python">Python</option>
</select> 

Obsługa przez przeglądarki

Firefox Chrome Opera Safari Internet Explorer

Atrybuty obowiązkowe

Element select nie ma atrybutów obowiązkowych.

Atrybuty opcjonalne

Atrybuty globalne HTML 5 oraz:

Atrybut Opis
autofocus Atrybut logiczny powodujący, że mający go element jest automatycznie aktywowany po załadowaniu strony przez przeglądarkę
disabled Atrybut logiczny oznaczający, że element jest wyłączony
form Służy do określania formularza, z którym związane jest menu
multiple Atrybut logiczny oznaczajcy, że z listy można wybrać kilka opcji. Jeśli atrybut ten nie zostanie zdefiniowany, ma zastosowanie ustawienie domyślne, tzn. możliwe jest wybranie tylko jednej opcji
name Określa nazwę elementu. Wartość tego atrybutu nie może być pustym łańcuchem
required

Atrybut logiczny oznaczający, że musi zostać wybrana opcja o wartości nie będącej pustym łańcuchem

size Określa jaka liczba opcji ma być wyświetlona. Atrybut ten musi mieć jako wartość liczbę całkowitą większą od zera. Domyślna wartość to 0.

Uwagi

Jeśli element select ma zdefiniowany atrybut required, nie ma zdefiniowanego atrybutu multiple i ma rozmiar ustawiony na 1 oraz jeśli wartość pierwszego elementu option w tym elemencie jest pustym łańcuchem i węzeł nadrzędny tego elementu option jest elementem select (a nie elementem optgroup), to ten element option jest opcją etykiety zastępczej tego elementu select (W3.org).

Dyskusja

Twój adres e-mail nie zostanie opublikowany.