Podpowiedź pola formularza <input placeholder, textarea placeholder>
Jak umieścić podpowiedź w polu formularza HTML w postaci szarego tekstu, który zniknie po rozpoczęciu wprowadzania danych?
- Pole tekstowe:
<input placeholder="podpowiedź">
- Obszar tekstowy:
<textarea placeholder="podpowiedź">...</textarea>
- podpowiedź
- Dowolny tekst niezawierający znaku nowej linii, który może wstępnie pojawić się wewnątrz pola w postaci wyszarzonego tekstu
Atrybut placeholder="..." podpowiada użytkownikowi, co powinien wpisać w danym polu formularza. Przez przeglądarki może być obsługiwany w ten sposób, że jego wartość będzie na początku wpisana w pole w postaci wyszarzonego tekstu, który zniknie po umieszczeniu w nim kursora tekstowego przez użytkownika i rozpoczęciu wpisywania właściwej wartości.
Przykład <input placeholder>
<input type="search" name="q" placeholder="Szukaj w serwisie...">
Zobacz przykład: placeholder="..."
Pytania i odpowiedzi <input placeholder, textarea placeholder>
Co to jest "placeholder" HTML?
Placeholder w HTML to atrybut, który wyświetla tymczasowy tekst w polu formularza, zanim użytkownik wprowadzi własne dane. Jest on używany jako wskazówka lub sugestia, co należy wpisać w danym polu, np.: placeholder="Wprowadź swój e-mail".
Jak ustawić "placeholder"?
Aby ustawić "placeholder" w polu formularza HTML, należy dodać atrybut placeholder="..." do elementu <input> lub <textarea> . Przykład: <input type="text" placeholder="Wprowadź swoje imię"> lub <textarea placeholder="Wpisz swoją wiadomość"></textarea>.
Przeglądarki
 Chrome |  Firefox |  Edge |  Opera |  Safari | |
|---|---|---|---|---|---|
<input placeholder> | 3 2009-09-15 | 4 2011-03-22 | 12 2015-07-29 | ≤12.1 2012-11-20 | 4 2009-06-08 |
<textarea placeholder> | 4 2010-01-25 | 4 2011-03-22 | 12 2015-07-29 | ≤12.1 2012-11-20 | 5 2010-06-07 |