Tombol HTML Tersembunyi

Dengan formulir halaman Web, Anda dapat mengambil data dari pengguna situs Anda - seringkali merupakan proses penting dalam situs web bisnis. Beberapa formulir Web menggunakan bidang tersembunyi, dalam hal ini elemen input HTML termasuk dalam markup untuk halaman tetapi tidak terlihat oleh pengguna. Ada beberapa cara berbeda untuk memasukkan bidang dan tombol tersembunyi dalam formulir halaman Web, menggunakan elemen input HTML dengan atribut "tipe" tertentu atau secara opsional menggunakan kode CSS (Cascading Style Sheet), kadang-kadang bersamaan dengan pemrosesan JavaScript.

Input HTML

Formulir HTML menggunakan elemen input. Ada berbagai jenis elemen input, termasuk tombol, kotak centang, bidang teks, dan lainnya. Atribut "type" untuk elemen input menentukan penampilan dan fungsinya di dalam halaman. Mengatur atribut "type" dari elemen input ke "hidden" membuat bidang formulir tersembunyi. Markup sampel berikut menunjukkan:

Ini menciptakan bidang yang akan berfungsi sebagai bagian dari formulir yang disertakan di dalamnya tetapi tidak akan dilihat pengguna. Namun, meskipun ini adalah elemen input bentuk tersembunyi, ini bukan tombol.

Visibilitas CSS

Untuk memasukkan elemen tombol HTML yang disembunyikan, pengembang memiliki beberapa pilihan. Kecuali jika elemen input memiliki atribut "type" sebagai "type", elemen itu akan muncul di dalam halaman secara default. Untuk menyembunyikan elemen input dari jenis apa pun, pengembang dapat menggunakan kode CSS. Dengan metode ini, pengembang dapat menyertakan elemen tombol HTML atau elemen input dengan "tipe" yang disetel ke "tombol" atau "kirim." Pengembang kemudian dapat menata tombol dengan kode CSS, menyembunyikannya menggunakan properti visibilitas sebagai berikut:

input.hide {visibility: hidden; }

Ini akan berfungsi untuk tombol berikut:

Fungsi JavaScript

Tombol yang disembunyikan tidak memiliki fungsi default, karena ini tergantung pada pengguna yang dapat melihat dan berinteraksi dengannya. Karena pengguna tidak dapat mengklik tombol yang tidak muncul di halaman, pengembang perlu menggunakan fungsi JavaScript untuk meminta tindakan apa pun yang biasanya dilakukan oleh tombol pada klik pengguna. Misalnya, halaman bisa menggunakan fungsi JavaScript, diminta pada beberapa peristiwa lain seperti pengguna berinteraksi dengan elemen formulir lain, untuk mengirimkan data formulir. Beberapa formulir Web juga menampilkan dan menyembunyikan tombol input dan elemen lainnya saat pengguna berinteraksi dengan formulir.

Pertimbangan

Meskipun bidang formulir dan tombol tersembunyi cocok dalam beberapa kasus, mereka bisa tidak dapat diandalkan. Dalam kebanyakan kasus, pengembang membuat hasil yang dapat digunakan dengan elemen input di status default mereka. Sebagian besar formulir dapat terstruktur dengan sukses dengan bidang, tombol, dan elemen input lainnya yang sepenuhnya terlihat dan berfungsi sesuai dengan yang diharapkan pengguna.