HTML5 - HTML
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?
(interpretuje: Internet Explorer 10, Firefox, Opera, Chrome)
- 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>.