atribut HTML placeholder masukan
contoh 1
Dua field input dengan teks placeholder:
<form action="demo-form.php">
<input type="text" name="fname" placeholder="First name"><br>
<input type="text" name="lname" placeholder="Last name"><br>
<input type="submit" value="提交">
</form>
<input type="text" name="fname" placeholder="First name"><br>
<input type="text" name="lname" placeholder="Last name"><br>
<input type="submit" value="提交">
</form>
Coba »
warna placeholder teks juga dapat ditentukan.
contoh 2
Dengan pengaturan warna placeholder teks:
<form action="demo-form.php">
<input type="text" name="fname" placeholder="First name"><br>
<input type="text" name="lname" placeholder="Last name"><br>
<input type="submit" value="提交">
</form>
<input type="text" name="fname" placeholder="First name"><br>
<input type="text" name="lname" placeholder="Last name"><br>
<input type="submit" value="提交">
</form>
Coba »
Dukungan Browser
Internet Explorer 10, Firefox, Opera, Chrome dan Safari mendukung atribut placeholder.
Catatan: 9 dan versi sebelumnya dari Internet Explorer tidak mendukung atribut placeholder <input> tag.
Definisi dan Penggunaan
Atribut placeholder menentukan field input dapat menggambarkan nilai yang diharapkan dari pesan singkat (misalnya: penjelasan singkat dari nilai sampel yang diharapkan atau format).
prompt akan ditampilkan sebelum pengguna memasukkan nilai dalam field input.
Catatan: Atribut placeholderberlaku untuk jenis masukan berikut: teks, pencarian, url, tel , email dan password.
Perbedaan antara HTML 4.01 dan HTML5
atribut placeholder baru dalam atribut HTML5.
tatabahasa
<input placeholder="text">
Nilai properti
值 | 描述 |
---|---|
text | 规定可描述输入字段预期值的简短的提示信息。 |
HTML <input> tag