Kurs języka HTML i CSS

DATALIST

niedziela, 23 grudzień 2012 15:43 pwimmer
Drukuj

DATALIST - lista danych

HTML XHTML Internet Explorer Firefox Opera Chrome
5

x x x

Polecenie definiuje listę danych, które służą do autouzupełniania pól formularza. Autor strony może podsunąć listę gotowych rozwiązań, ujmując je znacznikiem DATALIST (option value="wartość"). Po dwukrotnym kliknięciu pola rozwinięta zostaje list wartości, które można wybierać myszką. 

Przykład:

<form action="mailto: Adres poczty elektronicznej jest chroniony przed robotami spamującymi. W przeglądarce musi być włączona obsługa JavaScript, żeby go zobaczyć. " method="post">
<input list="przegladarki" name="przegladarka">
<datalist id="przegladarki">
 <option value="Firefox">
 <option value="Chrome">
 <option value="Internet Explorer">
 <option value="Opera">
 <option value="Safari">
</datalist>
<input type="submit">
</form>

Działanie (kliknij dwukrotnie):

Atrybuty obszaru:

Znacznik zamykający: wymagany

Sposób wyświetlania: n.d.

Może być zawarty wewnątrz innych elementów

Może zawierać w swoim obrębie inne elementy:


Więcej o formularzach: Formularze

Porównawcza tabela znaczników - Więcej…