html input tersembunyi

Input tersembunyi HTML

Apabila kami ingin mengumpul maklumat daripada borang, kami biasanya menggunakan elemen input. Walau bagaimanapun, kadangkala kita mahu elemen input tertentu tidak dilihat oleh pengguna. Ini mungkin kerana kami ingin mengurangkan kekacauan, atau kami memerlukan nilai tertentu untuk menyerahkan borang, tetapi mereka tidak perlu didedahkan kepada pengguna.

Dalam kes ini kita boleh menggunakan elemen input tersembunyi dalam HTML. Elemen ini tidak akan dipaparkan dalam halaman web, tetapi ia boleh lulus nilai apabila borang diserahkan. Dalam artikel ini, kita akan melihat dengan lebih dekat elemen input tersembunyi HTML dan cara menggunakannya.

Sintaks elemen input tersembunyi

elemen input tersembunyi HTML adalah sangat mudah, ia kelihatan seperti ini:

<input type="hidden" name="name" value="value">

Seperti yang anda lihat, jenisnya adalah "tersembunyi", yang menghalangnya daripada dipaparkan pada halaman web. nilai ialah nilai yang ingin kita lalui. "Nama" ialah pengecam nilai, yang kami gunakan untuk merujuk kepada nilai. Sintaksnya hendaklah mudah difahami dan anda boleh meletakkan elemen input tersembunyi dengan elemen borang lain, seperti ini:

<form>
    <label for="name">Name:</label>
    <input type="text" id="name" name="name"><br><br>
    <label for="email">Email:</label>
    <input type="email" id="email" name="email"><br><br>
    <input type="hidden" name="secret" value="password">
    <input type="submit" value="Submit">
</form>

Dalam contoh ini, kami telah menambah elemen input tersembunyi pada borang . Walau bagaimanapun, kerana ia tersembunyi, ia tidak muncul dalam bentuk.

Penggunaan Elemen Input Tersembunyi

Jika anda belum pasti lagi bila anda perlu menggunakan elemen input tersembunyi, berikut ialah beberapa contoh:

1. Pembilang

Kadangkala kami ingin menjejaki bilangan penyerahan borang. Elemen input tersembunyi sesuai untuk situasi ini. Kita boleh menjejaki bilangan penyerahan borang dengan mudah dengan menambah nilainya setiap kali borang diserahkan. Ini berguna dalam beberapa aplikasi analisis statistik.

2. Pengecam

Kadangkala kita perlu menghantar beberapa pengecam semasa penyerahan borang, tetapi ia tidak perlu didedahkan kepada pengguna. Sebagai contoh, apabila anda memasukkan data ke dalam pangkalan data, anda mungkin memerlukan pengecam unik. Pengecam ini boleh dihantar melalui elemen input tersembunyi.

3. Parameter konfigurasi

Kadangkala kita perlu lulus beberapa parameter konfigurasi apabila borang diserahkan, tetapi ia tidak perlu didedahkan kepada pengguna. Sebagai contoh, pada tapak e-dagang, anda mungkin ingin menyimpan nilai tertentu dalam troli beli-belah anda, seperti ambang untuk penghantaran percuma atau kod tawaran istimewa. Nilai ini boleh dihantar melalui elemen input tersembunyi.

Nota

Walaupun elemen input tersembunyi mempunyai banyak kegunaan, anda harus mengetahui perkara berikut apabila menggunakannya:

1. Jangan simpan maklumat sensitif

Jangan simpan maklumat sensitif, seperti kata laluan atau maklumat kad kredit, dalam elemen input tersembunyi, walaupun ia tidak akan dipaparkan pada halaman web.

2. Jangan Terlalu Guna

Berhati-hati apabila menggunakan elemen input tersembunyi kerana ia boleh menyampaikan maklumat tanpa kebenaran pengguna. Pastikan anda hanya menggunakannya untuk menyampaikan maklumat yang perlu anda sampaikan, dan hanya menggunakannya apabila perlu.

3. Jangan ganggu pengalaman pengguna

Apabila menggunakan elemen input tersembunyi, pastikan ia tidak mengganggu pengalaman pengguna. Jika interaksi pengguna melibatkan elemen input tersembunyi, pastikan pengguna dapat menyelesaikan operasi dengan betul.

Ringkasan

Dengan kesederhanaan elemen input tersembunyi HTML, kami boleh menambah nilai dengan mudah pada borang yang tidak perlu dipaparkan pada halaman web. Walau bagaimanapun, kita mesti berhati-hati kerana elemen input tersembunyi secara tidak sengaja boleh menyampaikan maklumat. Gunakannya dalam situasi yang sesuai untuk menjadikan penggunaan bentuk lebih semula jadi dan ringkas.

Atas ialah kandungan terperinci html input tersembunyi. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!