Atribut placeholder HTML
Definisi dan Penggunaan
Atribut placeholder
menentukan petunjuk singkat yang menjelaskan nilai yang diharapkan dari bidang input / textarea.
Petunjuk singkat ditampilkan di bidang sebelum pengguna memasukkan nilai.
Berlaku untuk
Atribut placeholder
dapat digunakan pada elemen berikut:
Elemen | Atribut |
---|---|
<masukan> | tempat penampung |
<textarea> | tempat penampung |
Contoh
Contoh Masukan
Dua bidang input dengan teks placeholder:
<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>
Contoh Textarea
Area teks dengan teks placeholder:
<textarea placeholder="Describe yourself here..."></textarea>
Dukungan Peramban
Atribut placeholder
memiliki dukungan browser berikut untuk setiap elemen:
Element | |||||
---|---|---|---|---|---|
input | 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
textarea | Yes | 10.0 | 4.0 | 5.0 | 11.5 |