Belajar HTML: Placeholder

Placeholder merupakan atribut pada HTML yang mendeskripsikan singkat pada kolom input agar sesuai format yang diinginkan.

Placeholder bukan merupakan value dari kolom input tersebut, melainkan placeholder akan hilang dengan sendirinya saat kita mulai mengetik dalam kolom input tersebut.

Tutorial belajar HTML sekarang akan membahas tentang penggunaan atribut placeholder dalam HTML.

Placeholder Input

Kode HTML:

<div class="placeholder">
	<label for="nama">Nama</label>
	<input type="text" id="name" placeholder="Masukan Nama Anda" />
</div>

Hasil:

Nama

Saat kita mulai mengetik, maka secara otomatis placeholder akan hilang dengan sendirinya.

Placeholder Textarea

Kode HTML:

<div class="placeholder">
	<label for="textarea">Textarea</label>
	<textarea id="textarea" rows="3" placeholder="write your message here.."></textarea>
</div>

Sama halnya dengan placeholder pada input teks, saat kita mulai mengetik maka placeholder akan menghilang dengan sendirinya.

Textarea

Attribute Placeholder juga dapat digunakan pada jenis kolom input seperti teks, password, url, tel dan email.

Demikian penjelasan mengenai penggunaan attribute placeholder pada HTML. Semoga bermanfaat dan terus baca tutorial belajar html selanjutnya.

Aku membuat sebuah materi belajar html untuk pemula. Silakan lihat secara lengkap di halaman Belajar HTML Gampang Banget! – HTML Warrior #1.

Jangan lupa share yah! 🙂