Atribut <input> placeholder HTML
Definisi dan Penggunaan
placeholder Atribut menentukan pemberitahuan singkat yang menggambarkan nilai yang diharapkan bidang masukan (contoh, nilai contoh atau deskripsi singkat tentang format yang diharapkan).
Pemberitahuan ini akan muncul saat bidang masukan kosong, dan akan menghilang saat bidang mendapatkan fokus.
Perhatian:placeholder Atribut berlaku untuk jenis masukan berikut:
- text
- search
- url
- tel
- password
contoh
bidang masukan telepon dengan teks placeholder:
<form action="/action_page.php">
<label for="phone">Silakan masukkan nomor telepon:</label><br><br>
<input type="tel" id="phone" name="phone" placeholder="138-8888-8888"
pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}"><br><br>
<small>Format: 138-8888-8888</small><br><br>
<input type="submit">
</form>
Sintaks
<input placeholder="text">
Nilai atribut
| Nilai | Deskripsi |
|---|---|
| text | Tentukan tanda tangan singkat yang diharapkan untuk bidang input. |
Dukungan peramban
Angka di tabel menunjukkan versi peramban yang mendukung atribut ini penuh.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
Keterangan:placeholder Atribut adalah atribut baru di HTML5.
