Materi HTML Part 4

3. Form dan Input HTML

Form merupakan salah satu elemen HTML yang digunakan untuk mendapatkan masukan dari pengguna web. Pengguna web dapat memasukkan input melalui halaman-halaman HTML. Umumnya pengolahanform dilakukan pada server dengan menggunakan skrip yang bersifat server-side seperti : PHP, ASP dan lain sebagainya. Untuk membuat form digunakan tag awal <form> dan tag penutup </form> .

Sintaks penulisannya : <form action="url" method="get|post"></form>

3.1  Atribut Tag <form>

Atribut	Penjelasan
Method	Metode pengiriman data ke tujuan, yaitu: GET : mengirimkan data pada server dengan cara meletakkan data pada bagian akhir URL POST : mengirimkan datanya secara terpisah.
Action	Menentukan lokasi dari script yang akan memproses data dari form

  

3.2   Jenis Masukan dalam Form

jenis masukan dalam satu formulir dibedakan menjadi :

• Text, digunakan untuk mengisi suatu nilai dapat berupa teks atau angka 
• Radio, elemen isian berupa pilihan, dimana hanya satu pilihan yang dapat dilakukan.
• Checkbox, elemen yang menyediakan beberapa pilihan bisa lebih dari satu.
• List, elemen pilihan dalam bentuk daftar
• Button, ekemen berupa tombol untuk melakuka proses
• Submit, elemen tombol yang digunakan untuk memanggil url
• Reset, elemen tombol yang digunakan untuk mengembalikan kondisi awal
• Image, digunakan sebagai pengganti buttton, berupa gambar yang dapat melakukan proses
• Textarea, elemen yang dapat menampung kumpulan teks ketikan dari user
• File, elemen button yang dapat memanggil file atau gambar dari storage
• Password, elemen berupa teks yang khusus digunakan untuk mengisi password

3.2.1 Tag <TEXTAREA>

Tag <TEXTAREA> digunakan untuk membuat sebuah kotak teks multi baris. Tag ini mempunyai beberapa atribut, yaitu :   

• NAME : mendefinisikan nama objek textarea
• ROWS : menentukan jumlah baris textarea
• COLS : menentukan lebar textarea

3.2.2 Tag <SELECT>

Tag <select> digunakan untuk membuat sebuah daftar pilihan. Tag ini memiliki beberapa atribut, yaitu : 

• NAME : mendefinisikan nama dari objek select
• SIZE : Menentukan beberapa pilihan yang akan di tampilkan. Jika atribut ini tidak disertakan atau di beri nilai 1, pilihan yang ditampilkan sebagai drop-down list. Jika diberi nilai 2 atau lebih, pilihan akan ditampilkan sebagai scroll box. Jika nilai SIZE lebih besar dari jumlah pilihan yang ada pada <SELECT>, pilihan kosong akan ditambahkan. Jika user memilih pilihan ini maka nilainya adalah kosong.
• MULTIPLE : mengizinkan untuk memilih lebih dari satu

latihan.html

3.2.3  Tag <INPUT>

Tag <INPUT> digunakan untuk membuat komponen-komponen yang digunakan untuk meminta informasi dari user, misalnya kotak teks, kotak pilihan, tombol dan laian-lain. Tag ini tidak memerlukan tag penutup. Tag inni mempunyai beberapa atribut, yaitu :

• NAME : Mendefinisikan nama dari objek input, Atribut ini harus dituliskan kecuali untuk tipe submit dan clear
• SIZE : menentukan ukuran kotak teks
• MAXLENGTH : menentukan jumlah maksimum karakter yang dapat dimasukkan pada kotak teks
• VALUE : untuk kotak teks, menentukan teks yang tertulis. untuk checkbox atau Radio menetukan nilai item yang dipilih. Untuk submit dan reset, menentukan teks yang tertulis pada tombol,
• CHECKED : Hanya digunakan untuk Checkbox atauRadio. menentukan pilihan yang terpilih secara default.
• TYPE : menentukan tipe input yang dibuat.

Tipe input yang dapat dibuat adalah :

• Text, digunakan untuk membuat kotak teks
• Password, digunakan untuk membuat kotak tks, tetapi semua karakter yang akan ditampilkan dengan tanda *
• Checkbox, digunakan untuk membuat suatu daftar pilihan yang dpat dipilih lebih dari satu
• Radio, digunakan untuk suatu daftar pilihan yang hanya dapat dipilih  satu saja
• File, digunakan untuk memanggil gambar atau storage
• Hidden, digunakan untuk mengirim data ke suatu aplikasi yang tidak diinginkan untuk dilihat oleh browser
• Reset, digunakan untuk membuat tombol yang fungsinya untuk menghapus semua isian form yang telah diberikan
• Submit, digunakan untuk membuat tombol yang fungsinya mengirimkan data form agar diolah

4. Elemen Label, Fieldset,dan Legend

Elemen label memberikan fasilitas untuk menambahkan teks pada elemen masukan form. Elemen yang diisikan dengan deskripsi dari elemen masukan yang ingin ditambahkan dan harus memiliki atribur for. Atribut for pada elemen label berisikan nilai yang sama dengan atribut id pada elemen masukan form. pengisian nilai yang sama akan mengikatkan elemen tabel dengan ekemen masukan sehingga pengguna dapat langsung mengisikan nila dengan melakukan klik teks yang dihasilkan oleh elemen label. Elemen fieldset merupakan elemen yang digunakan untuk membungkus beberapa elemen masukan form. untuk menandakan bahwa elemen-elemen tersebut merupakan elemen masukan yang berada pada satu grup yang sama, atau saling berhubungan. Sedangkan,  

Elemen Legend digunakan untuk memberikan judul pada sebuah fieldset.

Sintaks penulisannya :

<fieldset>

<legend>Judul</legend>

 </fieldset>

latihan.html