Pada kesempatan kali ini saya akan menjelaskan cara menggunakan pseudo-element placeholder di css. perlu teman-teman ketahui, untuk membuat placeholder di suatu komponen form html seperti komponen input text box, teman-teman  bisa menambahkan langsung attribute placeholder beserta dengan nilai nya ke dalam element input html, namun pada contoh pembahasan disini dengan cara lain yaitu dengan memanfaatkan pseudo-element ::placeholder di css. Dengan begitu teman-teman bisa menerapkan style untuk placeholder tersebut dan tidak hanya bisa untuk menerapkan konten dari placeholdernya sama halnya ketika teman-teman terapkan langsung attribute placeholder tersebut kedalam element input form tersebut. Langsung saja tanpa panjang lebar untuk contoh penerapannya teman-teman bisa ikuti tahapan seperti tahapan dibawah ini.

Berikut Tahapannya :

  • Teman-teman buat terlebih dahulu satu buah file dengan nama index.html
  • Jika sudah selanjutnya ketikan seperti kode berikut :

  • Jika sudah simpan terlebih dahulu file index.html tersebut dan lihat hasilnya dibrowser teman-teman

Sampai disini penjelasan saya mengenai cara menggunakan pseudo-element placeholder di css, semoga bermanfaat.