Form
Adalah salah satu type pemrograman web HTML yang biasanya digunakan untuk pendaftaran akun,log in aku,pengumpulan dat dll pada sebuah situs web.
Disini kita akan membahas penggunaan Tag Form pada pemrograman HTML.
Pengertian Tag Form
Sebuah form dalam HTML harus berada di dalam tag form, yang diawali dengan <form> dan diakhiri dengan </form>. Tag form akan membutuhkan beberapa atribut untuk dapat berfungsi.
Mengenal Tentang Tag Input
Tag input merupakan tag paling banyak digunakan di dalam form, dan memiliki banyak bentuk, mulai dari isian text biasa, text password, checkbox, radio, sampai dengan tombol submit, semuanya dalam bentuk tag input.
Contoh bentuk-bentuk Tag Input adalah sebagai-berikut
<input type=”text” /> atau bisa juga <input /> adalah textbox inputan biasa yang menerima input berupa text, contohnya digunakan untuk inputan nama, username, dan inputan yang berupa text pendek. Input type text ini juga bisa memiliki atribut value yang bisa diisi nilai tampilan awal dari text
<input type=”password” /> dalam tampilannya sama dengan type text, namun teks yang diinput tidak akan terlihat, akan berupa bintang atau bulatan. Biasanya hanya digunakan untuk inputan yang sensitif seperti password.
<input type=”checkbox” /> adalah inputan berupa checkbox yang dapat diceklist atau di centang oleh user. User dapat memilih atau tidak memilih checkbox ini. Type checkbox memiliki atribut checked yang jika ditulis atau diisi dengan nilai checked, akan membuat chexkbox langsung terpilih pada saat pertama kali halaman ditampilkan. Contoh inputan checkbox berupa hobi, yang oleh user dapat dipilih beberapa hobi.
<input type=”radio” /> mirip dengan checkbox, namun user hanya bisa memilih satu diantara pilihan group radio. Type radio ini berada dalam suatu grup dan user hanya bisa memilih salah satunya. Contoh inputan type radio adalah jenis kelamin.
<input type=”submit” /> akan menampilkan tombol untuk memproses form. Biasanya diletakkan pada baris terakhir dari form. Atribut value jika diisi akan membuat text tombol submit berubah sesuai inputan nilai value.
Mengenal tag select
Tag select digunakan untuk inputan yang telah tersedia nilainya, dan user hanya dapat memilih dari nilai yang tersedia. Tag select digunakan bersama dengan tag option untuk membuat box pilihan.Contoh penggunaan tag select adalah sebagai berikut:
<select> <option>Pilihan 1</option> <option>Pilihan 2</option> <option value="pilihan ketiga">Pilihan 3</option></select> |
Sama seperti tag option type checkbox dan type radio, atribut checked dapat ditambahkan agar tag select berisi nilai awal, contoh penggunaanya sebagai berikut:
<select> <option>Pilihan 1</option> <option>Pilihan 2</option> <option value="pilihan ketiga" selected>Pilihan 3</option></select> |
Mengenal atribut names
Setiap tag inputan di dalam form harus ditambahkan atribut names agar bisa dikenal berbeda antara satu dengan yang lain. Di dalam halaman proses (yang biasanya berupa bahasa PHP atau ASP), nilai dari nama inilah yang akan diproses. Contoh pemakaiannya sebagai berikut:<input type="text" name="username"><input type="text" name="email"> |
0 komentar:
Posting Komentar