Logo HTML5
1 gwiazdka2 gwiazdki3 gwiazdki4 gwiazdki5 gwiazdek (głosów: 3, średnia ocena: 5,00)
Loading ... Loading ...

Atrybut placeholder

Atrybut placeholder reprezentuje krótką podpowiedź (słowo lub wyrażenie) mającą pomóc użytkownikowi przy wprowadzaniu danych w polu formularza. Wskazówką tą może być przykłdowa wartość albo krótki opis wymaganego formatu danych. W wartości tego atrybutu nie mogą znajdować się znaki nowego wiersza (U+000A) ani powrotu karetki (U+000D) — jeśli zostaną użyte, przeglądarka i tak je usunie. Wartość atrybutu placeholder jest wyświetlana w polu i znika, gdy pole to zostanie aktywowane przez użytkownika, np. kliknięciem albo za pomocą klawisza Tab.

Przykłady użycia

Element formularza przyjmujący tylko ciągi składające się z jednej cyfry i trzech wielkich liter
<label>Wyszukiwarka: <input type="text" placeholder="Szukana fraza" /></label>

Składnia atrybutu placeholder

<nazwa_elementu placeholder="tekst" />

Elementy związane z atrybutem placeholder

Atrybut placeholder dotyczy elementów input typu text, search, tel, url i email oraz textarea.

Wartości atrybutu placeholder

Wartość Opis
tekst Tekst, który ma zostać wyświetlony w polu formularza w roli wskazówki

Obsługa atrybutu placeholder przez przeglądarki

Firefox Chrome Opera Safari Internet Explorer

Różnice między HTML 4.01 a HTML 5

Atrybut placeholder jest nowością języka HTML 5.

Inne artykuły poruszające podobny temat

Formularze HTML5

Fort.js — prosty skrypt do tworzenia nowoczesnych formularzy

pojazd-hexgl

Niesamowity pokaz możliwości technologii WebGL

Pasek z nadanymi stylami

Element progress HTML5

Ikona kalkulatora

Element output – wynik obliczeń

Logo HTML5

HTML5 i Canvas 2D przechodzą w fazę rekomendacji kandydujących

Programming Windows 8 Apps with HTML, CSS, and JavaScript

Darmowy e-book Programming Windows 8 Apps with HTML, CSS, and JavaScript

Dodaj komentarz









Newsletter

Subskrybując nasz newsletter masz pewność, że nie ominie Cię żadna nowość w serwisie!