Untuk beberapa kebutuhan tertentu, Anda tentu memerlukan penggunaan form pada website Anda seperti form survei, form biodata, form pendaftaran, form login, dan lain-lain. Show
Formulir memungkinkan pengguna berinteraksi dengan teks, grafik, atau hal lain yang ditampilkan di browser. Form tersebut memiliki beberapa jenis elemen input seperti text, radio, submit dan lain-lain. Sebelumnya kita telah membahas tentang input type text element. Nah pada pembahasan kali ini saya akan menjelaskan penggunaan elemen input seperti password dan submit pada form HTML. Untuk lebih jelasnya mari kita simak penjelasannya dibawah ini Jenis elemen masukan = ”kata sandi”Elemen input tipe kata sandi digunakan untuk membuat kotak teks tetapi semua teks tertulis ditampilkan dalam karakter lain seperti "*" untuk memberikan keamanan bagi semua data yang dimasukkan. Jenis elemen masukan = ”kirim”Elemen submit type input digunakan untuk membuat tombol dimana tombol tersebut berguna untuk mengirimkan data form ke server untuk diproses. Adapun sintaks elemen jenis ini secara umum yaitu
Untuk memperjelas sintaks di atas, saya akan menjelaskan kembali penggunaan atribut value yang sudah dibahas pada tutorial sebelumnya. Atribut value pada elemen input type submit berupa button digunakan untuk menentukan teks yang tertulis pada button tersebut, jika tidak menuliskan atribut value tidak apa-apa Agar Anda lebih memahami penggunaan kedua jenis elemen input di atas, berikut adalah contoh penulisan kode dan penggunaan kedua jenis elemen input dalam HTML _Setelah kode diatas dijalankan pada browser maka akan muncul seperti gambar dibawah ini Nah, gambar diatas adalah contoh form yang belum terisi (masih kosong). Agar dapat melihat perbedaan tampilan data pada text box password, lihat contoh gambar dibawah ini Nah, apa yang akan terjadi ketika Anda mengklik tombol kirim? . Pada contoh di atas, data pada form akan diproses oleh file process_input. php (Catatan. file proses_input. php adalah file kosong karena hanya sebagai contoh). Berikut adalah contoh gambar address bar halaman web setelah tombol submit diklik Nah, sekarang mari kita lihat address bar pada gambar di atas. Sebelumnya, kita membuat form menggunakan metode GET. Metode GET akan menampilkan form data yang akan dikirimkan pada akhir URL yang kemudian akan ditampung oleh action Jadi semua data yang Anda masukkan di formulir akan ditampilkan di bilah alamat setelah URL seperti yang ditunjukkan pada gambar bilah alamat di atas. Sekian materi tentang penggunaan input type password dan input type submit element pada form HTML. Semoga bermanfaat Bagian 27. Cara Membuat Bentuk Sederhana Bagian 29. Atribut Readonly, Disabled, dan Target Editor. Muhammad Zakaria Download berbagai jenis aplikasi terbaru mulai dari windows, aplikasi android, driver dan sistem operasi gratis hanya di Nesabamedia. com Form adalah salah satu elemen dalam HTML yang digunakan untuk menerima masukan dari pengunjung. Melalui form pengunjung halaman web dapat berinteraksi dengan web. Pengunjung dapat memasukkan data melalui elemen input seperti textfield, checkbox, radio button, textarea, submit button, dropdown dan lain-lain. Selain itu, pengunjung juga dapat memilih data menggunakan elemen daftar pilih atau dengan kata lain combo box atau daftar drop-down. Formulir membuat halaman web menjadi web yang interaktif dan dinamis, karena formulir adalah satu-satunya cara bagi pengembang situs web untuk mendapatkan informasi dari pengguna.Berikut adalah perintah dasar Formulir elemen masukan Ada dua atribut yang digunakan pada elemen form yaitu method dan action Metode yang berfungsi sebagai pengiriman data pada server dengan cara menuju tujuan yaitu - Gerbang. kirim data ke server dengan menempatkan data di akhir URL yang ditunjukkan - Posting. mengirim data secara terpisah Bedanya, jika atribut method kita isi dengan get (dimana ini adalah nilai defaultnya jika tidak kita tuliskan) maka isian form akan terlihat di url browser. Metode get ini biasanya digunakan untuk permintaan pencarian. Metode posting biasanya digunakan untuk data yang lebih sensitif seperti kata sandi atau pendaftaran pengguna. Data hasil formulir tidak akan terlihat di browser Action yang berfungsi untuk menentukan lokasi script yang akan mengolah data dari form Struktur dasar formulir akan terlihat sebagai berikut mengisi formulir Masukkan elemen pada Formulir Elemen yang paling penting dalam form adalah elemen input. Elemen ini memungkinkan pengunjung untuk memasukkan data melalui halaman form yang kemudian data tersebut akan dikirim ke server. Terdapat banyak elemen input pada form tersebut, yang dapat digunakan oleh pengguna untuk mengisi data dengan tipe yang berbeda. Berikut ini akan saya bahas masing-masing elemen input form, beserta cara membuatnya 1. Bidang Teks Elemen yang digunakan untuk memasukkan teks dalam satu baris. Lebar karakter default adalah 20 karakter Menulis. < jenis input = ”teks” /> Ini sebuah contoh First name : nama keluarga. < tipe input = "teks" nama = "nama belakang" /> 2. Bidang Kata Sandi Untuk memasukkan data baris teks dengan format ciphertext/password. Dengan karakter yang disamarkan dengan lingkaran atau tanda "*". Menulis. < jenis input = ”kata sandi” /> Ini sebuah contoh Password : 3. Tombol Pilihan Radio button digunakan untuk dapat memilih salah satu pilihan. Contoh jenis kelamin (pria atau wanita) Penulisannya : Radio Button Ini sebuah contoh Jenis kelamin Male Perempuan 4. Area Teks Digunakan sebagai input kontrol formulir untuk memasukkan lebih dari satu baris teks. Elemen ini memiliki atribut yaitu name, cols, dan rows Seperti yang dijelaskan di bawah ini Nama = nama variabel yang dikirim ke aplikasi Baris = panjang baris dalam karakter Cols = tinggi kotak Penulisannya : Nama=”nama” Col =”angka” Baris=”angka” ........... Ini sebuah contoh Alamat : 5. Kotak Centang Check Box digunakan untuk dapat memilih lebih dari satu pilihan Penulisannya: Check Box Ini sebuah contoh Hobi Baca Buku Jalan Jalan 6. Pilih Daftar Digunakan untuk menampilkan daftar pilihan dalam bentuk drop-down list Tulisan ...... Ini sebuah contoh Pekerjaan
7. Tombol Kirim Digunakan untuk mengirim data dari halaman web ke server. Setiap elemen formulir memerlukan tombol kirim untuk mengirimkan nama dan nilainya ke aplikasi yang ditentukan dalam atribut ACTION di elemen FORM Penulisannya : Submit Ini sebuah contoh .................... .................. 8. Tombol Reset Digunakan untuk membatalkan semua proses atau mengatur ulang proses pengisian data yang dilakukan di elemen form input Penulisannya : Reset Ini sebuah contoh .................... .................. Jadi beberapa contoh elemen yang baru digabungkan adalah sebagai berikut Nama depan. nama keluarga. < tipe input = "teks" nama = "nama belakang" /> Kata sandi. Jenis Kelamin. Alamat. Hobi. Baca Buku Jalan Jalan Pekerjaan
Komentar. |