Atrybut <input> placeholder w HTML
Definicja i użycie
placeholder Atrybut określa krótką podpowiedź, która opisuje oczekiwane wartości pola wejściowego (np. przykładowa wartość lub krótki opis formatu oczekiwanego).
Ta podpowiedź zostanie wyświetlona, gdy pole wejściowe jest puste, i zniknie, gdy pole uzyska fokus.
Uwaga:placeholder Atrybut dotyczy następujących typów wejścia:
- text
- wyszukiwanie
- url
- tel
- hasło
Przykład
Pole do wpisywania telefonu z tekstem wstawionym:
<form action="/action_page.php">
<label for="phone">Proszę, wprowadź numer telefonu:</label><br><br>
<input type="tel" id="phone" name="phone" placeholder="138-8888-8888"
pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}"><br><br>
<small>Format: 138-8888-8888</small><br><br>
<input type="submit">
</form>
Gramatyka
<input placeholder="text">
Wartość atrybutu
| Wartość | Opis |
|---|---|
| text | Określa krótkie wskazówki dla oczekiwanej wartości pola wejściowego. |
Obsługa przeglądarek
Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje ten atrybut.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
Komentarz:placeholder Atrybut to nowa atrybut w HTML5.
