Belajar HTML: Placeholder

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:

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.

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! 🙂

Leave a Comment

Your email address will not be published. Required fields are marked *

Pin It on Pinterest

Shares
Scroll to Top