Cara: Kotak Pilih Tersembunyi di HTML

click fraud protection
Untuk tetap produktif, Anda harus tetap gigih

Kredit Gambar: PeopleImages/E+/GettyImages

Kotak pilih HTML adalah elemen halaman web yang memungkinkan Anda memilih dari berbagai opsi. Ini biasanya direpresentasikan sebagai menu drop-down. Dimungkinkan untuk menyembunyikan kotak pilih atau elemen halaman web lain menggunakan HTML atau bahasa gaya CSS. Opsi lain termasuk menyembunyikan elemen secara terprogram menggunakan JavaScript atau menyiapkan input tersembunyi dalam HTML yang tidak ditampilkan di halaman web dalam sebagian besar keadaan.

Sembunyikan kotak pilih dengan meletakkan opsi gaya di atasnya menggunakan HTML dan CSS agar tidak terlihat. Dua cara utama untuk melakukan ini menggunakan CSS dan HTML untuk menyembunyikan elemen adalah dengan atribut gaya visibilitas dan atribut gaya tampilan.

Video Hari Ini

Saat Anda menyetel visibilitas elemen ke tersembunyi, elemen tersebut tidak ditampilkan di halaman web tetapi masih memakan ruang seolah-olah ada di sana. Secara default, visibilitas diatur ke "terlihat", dan objek ditampilkan secara normal.

Jika Anda lebih suka agar elemen tidak menempati ruang apa pun pada halaman sehingga situs web ditampilkan seolah-olah elemen tersebut tidak ada dalam kode HTML sama sekali, gunakan atribut display sebagai gantinya. Atur tampilan ke "tidak ada" untuk membuat objek tidak terlihat.

Lakukan ini dalam atribut gaya pada objek, seperti. Input tersembunyi terkadang digunakan untuk bidang formulir yang dihasilkan dari input pengguna atau untuk kode keamanan acak yang digunakan untuk memverifikasi bahwa pengguna menggunakan versi sebenarnya dari formulir yang diunduh dari situs web.

Karena pengguna dapat mengakses konten input tersembunyi dengan menggunakan JavaScript, membaca kode sumber halaman atau memantau lalu lintas jaringan, mereka tidak boleh digunakan untuk informasi yang harus disembunyikan dari ujung pengguna.