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>

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.

Penggunaan dan Penulisan Tag Input Type Hidden Dalam Form HTML