HTML part 8: forms HTML

HTML Forms Dan penggunaannya.

ASSALAMUALAIKUM wr wb.

   Hai,teman teman kali ini saya akan membahas tentang form dan cara penggunaannya.

Kalian tau cara menggunakan tag html ini kalau tidak tau ini penjelasannya.

1.Jenis tag form

berikut ini beberapa macam tag form dan penjelasannya:

     1.<Form> Elemen
HTML <form> elemen mendefinisikan bentuk yang digunakan untuk mengumpulkan input pengguna:
<form>
.
form elements
.
</form>

Bentuk HTML berisi elemen form .
elemen form berbagai jenis elemen input, seperti bidang teks, checkbox, tombol radio, tombol submit, dan banyak lagi.

   2.<Input> Elemen
The <input> elemen adalah elemen bentuk yang paling penting.
<Input> elemen dapat ditampilkan dalam beberapa cara, tergantung pada jenis atribut.

Berikut adalah beberapa contoh:
Mengetik     Deskripsi
<Input type = "text">     Mendefinisikan satu baris kolom input teks
<Input type = "radio">     Mendefinisikan sebuah tombol radio (untuk memilih salah satu dari banyak pilihan)
<Input type = "submit">     Mendefinisikan sebuah tombol submit (untuk mengirimkan formulir)
     

 3.input teks
<input type = "text"> mendefinisikan sebuah field input satu baris untuk input teks :
Contoh
<form>
  First name:<br>
  <input type="text" name="firstname"><br>
  Last name:<br>
  <input type="text" name="lastname">
</form> 

4.Tombol radio Masukan
<input type = "radio"> mendefinisikan tombol radio .
tombol radio membiarkan pengguna memilih SATU dari sejumlah pilihan:
Contoh
<form>
  <input type="radio" name="gender" value="male" checked> Male<br>
  <input type="radio" name="gender" value="female"> Female<br>
  <input type="radio" name="gender" value="other"> Other
</form> 

5.Submit Tombol
<input type = "submit"> mendefinisikan tombol untuk mengirimkan data formulir ke bentuk-handler .
Bentuk-handler biasanya halaman server dengan script untuk memproses input data.
Bentuk-handler ditentukan dalam form tindakan atribut:
Contoh
<form action="action_page.php">
  First name:<br>
  <input type="text" name="firstname" value="Mickey"><br>
  Last name:<br>
  <input type="text" name="lastname" value="Mouse"><br><br>
  <input type="submit" value="Submit">
</form> 

berikut ini catatan tentang form HTML:

A.accept-charset:
Menentukan charset digunakan dalam bentuk disampaikan (default: halaman charset).

B.action:
Menentukan alamat (url) di mana untuk mengirimkan formulir (default: halaman mengirimkan).

C.autocomplete:
Menentukan jika browser harus autocomplete form (default: on).

D.enctype:Menentukan encoding dari data yang diajukan (default: adalah url-dikodekan).

 E.method:Menentukan metode HTTP digunakan ketika mengirimkan formulir (default: GET). 

F.name:Menentukan nama yang digunakan untuk mengidentifikasi bentuk (untuk penggunaan DOM: document.forms.name).

G.novalidate:Menentukan bahwa browser tidak harus memvalidasi formulir.

H.target:Menentukan target dari alamat di atribut aksi (default: _self).

6.Option
<option> elemen mendefinisikan opsi yang bisa dipilih.
Secara default, item pertama dalam daftar drop-down yang dipilih.
Untuk menentukan pilihan pra-dipilih, tambahkan dipilih atribut untuk opsi:
Contoh
<option value="fiat" selected>Fiat</option>

7.Elemen textarea
The <textarea> elemen mendefinisikan field input multi-line ( text area ):
Contoh
<textarea name="message" rows="10" cols="30">
The cat was playing in the garden.
</textarea>

baris atribut menentukan jumlah terlihat dari baris dalam area teks.
cols atribut menentukan lebar terlihat dari area teks.

8.elemen keygen
Tujuan dari <keygen> elemen adalah untuk menyediakan cara yang aman untuk mengotentikasi pengguna.
The <keygen> elemen menentukan bidang key generator-pair dalam formulir.
Ketika formulir dikirimkan, dua tombol dihasilkan, satu pribadi dan satu publik.
Kunci pribadi disimpan secara lokal, dan kunci publik dikirim ke server.

catatan ke 2:

1.<Form> Mendefinisikan sebuah form HTML untuk input pengguna

2.<Input> Mendefinisikan kontrol input

3.<Textarea> Mendefinisikan sebuah input control multiline (area teks)

4.<Label> Mendefinisikan label untuk sebuah <input> elemen 

5. <Fieldset> Grup terkait unsur-unsur dalam bentuk

6.<Legend> Mendefinisikan sebuah caption untuk <fieldset> elemen

sekian artikel dari saya sampai jumpa.

REFERENSI:

http://www.w3schools.com/html/html_form_elements.asp 

WASSALAMUALAIKUM wr wb