Penggunaan dan Penulisan Tag Input Type Hidden Dalam Form HTML
January 22, 2018
Add Comment
Pada artikel kali ini kita akan mempelajari Penggunaan dan Penulisan Tag Input Type Hidden Dalam Form HTML.
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
Ada beberapa atribut yang sering digunakan secara bersamaan dengan atribut
Berikut ini penulisan atribut
Berikut ini contoh penulisan atribut
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 :
Terlihat pada alamat diatas, terdapat teks yang bertuliskan halaman, teks ini berasal dari nilai atribut
Pada artikel selanjutnya kita akan mempelajari Penggunaan dan Penulisan Tag Select Dalam Form HTML.
Penggunaan dan Penulisan Tag Input Type Hidden
Penggunaan taginput
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
Atributname
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
Atributvalue
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 :
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.
0 Response to "Penggunaan dan Penulisan Tag Input Type Hidden Dalam Form HTML"
Post a Comment