Latest web development tutorials

atribut HTML placeholder masukan

HTML masukan Tag Referensi HTML <input> tag

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>

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>

Coba »

Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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 masukan Tag Referensi HTML <input> tag