Atribut placeholder HTML <input>
Contoh
Bidang input telepon 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>
Definisi dan Penggunaan
Atribut placeholdermenentukan petunjuk singkat yang menjelaskan nilai yang diharapkan dari bidang input (misalnya nilai sampel atau deskripsi singkat tentang format yang diharapkan).
Petunjuk singkat ditampilkan di bidang input sebelum pengguna memasukkan nilai.
Catatan: Atribut placeholderberfungsi dengan jenis input berikut: teks, pencarian, url, telp, email, dan kata sandi.
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung atribut tersebut.
| Attribute | |||||
|---|---|---|---|---|---|
| placeholder | 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
Sintaksis
<input placeholder="text">
Nilai Atribut
| Value | Description |
|---|---|
| text | Specifies a short hint that describes the expected value of the input field |
tag <input> HTML