Atrybut zastępczy HTML <input>
Przykład
Pole wprowadzania telefonu z tekstem zastępczym:
<form action="/action_page.php">
<label for="phone">Enter a phone number:</label><br><br>
<input type="tel" id="phone" name="phone" placeholder="123-45-678"
pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}"><br><br>
<small>Format:
123-45-678</small><br><br>
<input type="submit">
</form>
Definicja i użycie
placeholderAtrybut określa krótką wskazówkę opisującą oczekiwaną wartość pola wejściowego (np. przykładową wartość lub krótki opis oczekiwanego formatu) .
Krótka wskazówka jest wyświetlana w polu wejściowym, zanim użytkownik wprowadzi wartość.
Uwaga: Atrybut placeholderdziała z następującymi typami danych wejściowych: tekst, wyszukiwanie, adres URL, tel, e-mail i hasło.
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje ten atrybut.
| Attribute | |||||
|---|---|---|---|---|---|
| placeholder | 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
Składnia
<input placeholder="text">
Wartości atrybutów
| Value | Description |
|---|---|
| text | Specifies a short hint that describes the expected value of the input field |
❮ Znacznik HTML <input>