Selasa, 03 Februari 2015

HTML - Atribut Placeholder Pada Input Text

Pada tutorial html kali ini akan menjelaskan sesingkat-singkatnya tentang apa yang disebut atribut placeholder pada textarea. Pernahkah anda melihat sebuah textarea yang di dalamnya telah terdapat teks dan ketika diklik teks itu hilang? Itulah yang dinamakan placeholder. Placeholder tidak hanya bisa diletakkan di textarea saja. Namun, juga bisa diletakkan di input. Jadi, mungkin banyak pencarian yang menggunakan keywords Membuat Teks Di Dalam Teksarea Kemudian Diklik Hilang, padahal yang dicari sebenarnya adalah Placeholder. Berikut ss dari placeholder.
Secara default warna dari teks placeholder adalah abu-abu. Tentu saja kontras dengan warna teks aktif. Dan cara membuat teks placeholder tersebut adalah tinggal memasukkan atribut placeholder yaitu

placeholder="teks"
Contohnya di textarea tinggal ketikkan atau copas kode html berikut
<textarea placeholder="Apa yang anda pikirkan?"></textarea>
Maka jadinya akan seperti ini:


Atau bisa juga dimasukkan di dalam input. Tinggal masukkan di dalam tag input. Contohnya
<input type="text" placeholder="username" />
Maka akan jadi seperti ini:

bahkan placeholder bisa dimasukkan ke dalam input yang tipenya password dan email.