Atrybut zastępczy HTML
Definicja i użycie
Atrybut placeholder
określa krótką wskazówkę opisującą oczekiwaną wartość pola wejściowego/obszaru tekstowego.
Krótka wskazówka jest wyświetlana w polu przed wprowadzeniem przez użytkownika wartości.
Dotyczy
Atrybutu placeholder
można użyć na następujących elementach:
Elementy | Atrybut |
---|---|
<wejście> | symbol zastępczy |
<obszar tekstowy> | symbol zastępczy |
Przykłady
Przykład wejścia
Dwa pola wejściowe 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>
Przykład obszaru tekstowego
Obszar tekstowy z tekstem zastępczym:
<textarea placeholder="Describe yourself here..."></textarea>
Obsługa przeglądarki
placeholder
Atrybut ma następującą obsługę przeglądarki dla każdego elementu :
Element | |||||
---|---|---|---|---|---|
input | 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
textarea | Yes | 10.0 | 4.0 | 5.0 | 11.5 |