Penggunaan dan Penulisan Tag Input Type Hidden Dalam Form HTML

Pada artikel kali ini kita akan mempelajari Penggunaan dan Penulisan Tag Input Type Hidden Dalam Form HTML.

Penggunaan dan Penulisan Tag Input Type Hidden

Penggunaan tag input dengan atribut type="hidden" ini akan membuat pengguna atau pengunjung tidak bisa melihat sebuah objek form. Walaupun begitu objek form yang satu ini bisa dimanfaatkan oleh kita untuk memasukkan suatu data untuk diproses.

Tag input type hidden ini digunakan untuk mengirimkan suatu data dari halaman ke halaman lain tanpa mengganggu bentuk form yang telah ada dan biasanya akan diproses oleh JavaScript atau PHP.

Berikut ini penulisan atribut type="hidden" pada tag input :

<input type="hidden"/>

Ada beberapa atribut yang sering digunakan secara bersamaan dengan atribut type="hidden", seperti atribut name dan value. Berikut ini Saya akan membahas penggunaan dan penulisan atribut yang Saya sebutkan tadi secara bersamaan, dengan atribut type="hidden" pada tag input :

Atribut Name

Atribut name digunakan sebagai identitas untuk setiap tag input type hidden, yang akan diproses identitasnya atau nilai dari atribut name ini oleh web server.

Berikut ini penulisan atribut type="hidden" pada tag input :

<input type="hidden" name="halaman"/>

Atribut Value

Atribut value pada tag input dalam form HTML, akan sangat berguna pada saat pemrosesan form oleh web server. Misalnya untuk PHP, nilai dari atribut value inilah yang akan diproses. Atribut value merupakan atribut yang sangat penting untuk digunakan pada tag input type hidden, karena disinilah kita bisa memasukkan data yang kita inginkan.

Berikut ini contoh penulisan atribut value pada tag input :

<input type="hidden" name="halaman" value="belajar_html"/>

Penulisan Tag Input Type Hidden Dalam Form HTML

Untuk merangkum penulisan tag input type hidden beserta atributnya, Saya sudah membuatkan contoh kode form HTML-nya :

<!DOCTYPE html>
<html>
<head>
    <title>Belajar HTML</title>
</head>
<body>
<form action="formulir.php" method="get">
    <input type="hidden" name="halaman" value="belajar_html"/></br>
    <input type="submit" value="Kirim">
</form>
</body>
</html>

Tag input type hidden

Jika Anda menjalankan kode HTML diatas pada web browser, maka yang terlihat hanyalah sebuah tombol namun jika Anda klik tombol tersebut maka objek form hidden akan terlihat nilainya pada alamat web browser sebagai berikut :

Alamat web browser untuk tag input type hidden

file:///D:/Belajar%20HTML/formulir.php?halaman=belajar_html

Terlihat pada alamat diatas, terdapat teks yang bertuliskan halaman, teks ini berasal dari nilai atribut name dan belajar_html yang berasal dari nilai atribut value. Penggunaan tag input type hidden akan sangat berguna saat dikombinasikan dengan JavaScript atau PHP.

Pada artikel selanjutnya kita akan mempelajari Penggunaan dan Penulisan Tag Select Dalam Form HTML.

Comments

Popular posts from this blog

20 Template Blogger SEO Friendly dan Responsive Gratis

Cara Menginstall Phoenix OS Pada Windows 10

Cara Menghapus Antivirus Avast Dengan Benar

Cara Mengatur Posisi dan Tampilan Gambar di HTML

Cara Membuat Bootable USB Flashdisk Windows 10 Menggunakan Rufus

Cara Memblokir Akses Internet Aplikasi Windows 10 Tanpa Aplikasi Pihak Ketiga

4 Template Blogger Buatan Mas Sugeng Yang Dibagikan Secara Gratis

7 Aplikasi Pemutar Video Terbaik Untuk PC/Laptop

41 Latar Belakang Abu-abu Yang Cocok Untuk di Desain

Kumpulan Pantun Jenaka