Opsi Input Teks untuk Formulir HTML

• April 25, 2024

Dalam artikel "Bagian dari Formulir Situs Web" kami membahas secara singkat opsi input yang tersedia untuk perancang formulir. Sekarang saatnya untuk melihat lebih dekat beberapa opsi tersebut. Secara khusus, berikut adalah tiga bidang yang memungkinkan Anda untuk menangkap dan menyimpan informasi teks yang dimasukkan oleh pengunjung Anda.

Bidang Teks
Bidang teks adalah salah satu bidang formulir yang paling sering digunakan. Ini digunakan untuk menangkap jawaban teks pendek seperti nama pengunjung. Anda dapat menggunakan "size =" untuk mengubah ukuran bidang teks; "maxlength =" untuk membatasi jumlah karakter yang dapat dimasukkan pengunjung, seperti dengan bidang nomor telepon atau kode pos; dan Anda juga dapat mengatur nilai awal dengan "value =".

Bidang teks yang diberi kode seperti ini:



... akan terlihat seperti ini di situs Anda:



Area Teks
Area teks lebih jarang digunakan daripada bidang teks; mereka digunakan untuk menangkap blok input yang lebih besar, jadi Anda dapat menambahkan satu ke formulir Anda sebagai bidang Komentar, misalnya. Seperti halnya bidang teks, Anda dapat menentukan ukuran bidang; "rows =" mengatur lebar area teks, sementara "cols =" mengatur ketinggiannya. Area teks juga memiliki opsi bungkus kata. Jika Anda mengaturnya ke "wrap = off" maka teks yang dimasukkan diperlakukan sebagai satu baris panjang; "wrap = virtual" berarti teks muncul untuk membungkus dalam formulir tetapi data itu sendiri dikirim ke server tanpa linebreak, sementara "wrap = physical" menyebabkan formulir untuk menambahkan linebreak aktual ke bidang dan mengirimkannya ke server dengan termasuk istirahat.

Area teks yang dikodekan seperti ini:

Anda dapat bereksperimen dengan memasukkan beberapa teks ke dalam kotak ini.

... akan terlihat seperti ini:

-TEXTAREA- rows = "6" cols = "40" wrap = "virtual"> Anda dapat melakukan percobaan dengan memasukkan beberapa teks ke dalam kotak ini.-TEXTAREA->

Bidang kata sandi

Kolom kata sandi mirip dengan bidang teks, tetapi apa pun yang dimasukkan pengunjung ke dalam bidang itu dikaburkan - semua yang dilihat pengunjung adalah serangkaian titik. Ini bisa sangat meyakinkan bagi pengunjung, karena siapa pun yang kebetulan berjalan di belakang mereka saat mereka memasukkan informasi mereka tidak akan dapat mengambil kata sandi pengguna sekilas. Perlu diingat bahwa data yang dimasukkan ke dalam bidang kata sandi sebenarnya tidak dienkripsi - jika Anda ingin menambahkan keamanan ke informasi pengguna Anda, Anda harus melakukan beberapa cara lain, biasanya dengan mengatur situs yang aman.

Atribut bidang kata sandi identik dengan bidang teks.

Bidang kata sandi yang dikodekan seperti ini:



... akan terlihat seperti ini:

Petunjuk Video: PEMROGRAMAN WEB #3 - Cara Membuat Form Biodata Sederhana Menggunakan HTML (April 2024).