: required adalah pemilih pseudo-class CSS yang digunakan untuk memilih elemen formulir yang diperlukan.

Lebih khusus lagi, ini digunakan untuk memilih elemen formulir yang memiliki set atribut yang diperlukan.

Elemen form yang dapat dipilih menggunakan :required adalah <input> s, <select> s, dan <textarea> s tanpa atribut yang diperlukan.

Misalnya, elemen form berikut dapat dipilih menggunakan :required :

Elemen form berikut ini tidak dapat dipilih menggunakan: wajib karena tidak memiliki set atribut yang required:

: required berguna untuk menata elemen formulir yang diperlukan untuk memberikan lebih banyak fokus visual pada elemen tersebut sehingga pengguna tahu bahwa elemen tersebut diperlukan dan harus diisi.

Trivia & Catatan

Jika Kalian ingin memilih elemen formulir yang opsional, Kalian bisa menggunakan: optional pseudo-class selector.

Sama seperti penyeleksi pseudo-class lainnya, selector :required dapat digabungkan dengan penyeleksi lain seperti: hover dan dengan elemen pseudo seperti :: after, antara lain. Misalnya, aturan berikut akan memberikan: gaya fokus untuk area teks yang diperlukan:

 

 

WhatsApp chat