Tag input dengan type hidden merupakan salah satu "senjata rahasia" dalam merancang form HTML. Di dalam Tutorial Form HTML: Fungsi dan Cara Penggunaan Tag Input Type Hidden ini kita akan mempelajari cara memanfaatkan fitur objek ini.
Fungsi tag input type hidden dalam pembuatan Form HTML
Tag input dengan type hidden adalah sebuah objek form khusus yang sesuai dengan nama tipenya, memang tersembunyi dan tidak dapat dilihat oleh user. Namun objek form ini menawarkan fleksibilitas yang dapat dimanfaatkan oleh programmer untuk menyisipkan suatu data untuk diproses.
Type hidden ini bisa digunakan untuk mengirim suatu data dari sebuah halaman ke halaman lain tanpa mengganggu bentuk form yang telah ada, dan biasanya digabungkan dengan pemrosesan javascript atau PHP.
Cara penulisan dasar type hidden ini adalah sebagai berikut:
<form> <input type="hidden" /> </form>
Atribut name: Untuk Pemrosesan tag input type hidden
Atribut name berfungsi sebagai penanda nama untuk memproses hasil pilihan form ke dalam web server (misalnya dengan bahasa PHP). Berikut adalah cara penulisan tag input type hidden dengan atribut name:
<form> <input type="hidden" name="asal_halaman"/> </form>
Atribut value: Sebagai Nilai tag input type hidden
Atribut value untuk type hidden berguna pada saat pemrosesan form oleh web server. Misalnya dalam bahasa PHP, nilai dari value inilah yang akan diproses. Dalam type hidden ini, nilai dari atribut value inilah yang merupakan nilai terpenting, karena disinilah programmer dapat menyisipkan data yang diinginkan.
Berikut adalah contoh penggunaan atribut value:
<form> <input type="hidden" name="asal_halaman" value="halaman_register"/> </form>
Atribut id dan class: CSS dan Javascript
Selain atribut yang dijelaskan diatas, kita juga bisa menggunakan atribut umum seperti id dan class dalam tag input type hidden. Namun karena sifatnya yang tersembunyi, atribut class tidak akan diperlukan. Tag id dibutuhkan untuk pemograman HTML menggunakan Javascript.
Cara Penggunaan tag input type hidden dalam Form HTML
Untuk merangkum penggunaan Tag Input type hidden beserta atributnya, saya akan membuat contoh kode HTML cara penggunaan tag input type hidden:
<!DOCTYPE html> <html> <head> <title>Belajar Tag Input Type=hidden HTML</title> </head> <body> <h4>Belajar tag Input type="hidden" di duniailkom.com:</h4> <form action="proses.php" method="get"> <input type="hidden" name="asal_halaman" value="halaman_register"/> <input type="submit" value="Kirim pesan rahasia"/> </form> </body> </html>
Jika anda menjalankan kode HTML tersebut, yang terlihat hanya sebuah tombol, namun ketika tombol tersebut diklik, objek form hidden akan terlihat nilainya di alamat web browser sebagai berikut:
file:///D:/BelajarHTML/proses.php?asal_halaman=halaman_register
Pesan ini menandakan bahwa sebenarnya di dalam form terdapat tag input dengan type hidden. Asal_alaman berasal dari atribut name, dan halaman_register adalah nilai dari atribut value. Penggunaan tag input type hidden ini akan berguna saat dikombinasikan dengan bahasa pemograman web seperti Javascript.
Dalam tutorial tag input type hidden ini kita telah mempelajari cara penulisan dan penggunaan objek form hidden. Berikutnya kita akan membahas tentang tag select.
Ilmunya sangat bermanfaat master.
Terimakasih gan.. :)
Mantap sob
Maaf Master saya mau bertanya … kan saya membuat input tanggal di datepicker … jadi saya mau tanya gimana caranya agar jika saya tidak input tanggal di outpunya juga kosong … program yg sekarang ini jika tidak di input tanggal di outputnya akan muncul 1970-01-01
Di Databasenya Tolong pencerahannya master
Menurut saya itu di setting di PHP, bukan di database. Biasanya untuk memproses tanggal menggunakan function date() PHP. Jika function date() ini diinput nilai kosong, hasilnya 1970-01-01 (tanggal dari UNIX epoch time).
Nanti bisa ditambahkan sebuah kondisi if else di kode program. Jika tanggal kosong, fungsi time() ini akan dilewatkan dan input data kosong tersebut ke database.
Maaf saya mau tanya. Bagaimana dengan value nya itu berisi data-data dari halaman sebelumnya. dengan menggunakan bahasa PHP. source code saya seperti ini <input type="hidden" name="user" value="<?php $_POST['user']; ?>">
saya coba ganti type hiddennya jadi text dulu tapi tidak muncul apa2.
yang muncul hanya form inputnya. tapi tdk ada valuenya yg muncul. Mohon bantuannya
Bisa di cek dulu apakah data form dari halaman sebelumnya memang sudah terkirim atau tidak. Caranya bisa dengan menempatkan perintah print_r($_POST) di baris pertama halaman kedua. Seharusnya akan tampil seluruh isian form.
Jika tidak ada tampil data apa2, atau isinya kosong, berarti ada kesalahan di proses pengiriman form yang pertama.
Iya pak, tampil semua kok datanya. Gimana ya?
bisa gitu ya, lumayan dapet ilmu baru lagi hehe
Maksud dari "senjata rahasia" itu apa min? :)
cara memuncul nomor hp yang di sembumyi di hp gimana
Hehe… kayaknya itu tidak berhubungan dengan HTML, lebih ke sistem keamanan di aplikasi/OS HP
Data {{ $title }}
Export Excel
muncul pesan : 500 server erorr —> solusi gimana ya?