Tag Form HTML

            Form digunakan untuk menampung komponen inputan. Form dapat diibaratkan sebagai sebuah formulir yang selanjutnya akan diisi oleh pengguna.

Tag <form> memiliki atribut:

1. name --> untuk menentukan nama form.

2. action --> untuk menentukan alamat halaman web yang akan memproses masukan dari form.

3. method --> untuk menentukan metode pengiriman yang dipakai. Metode yang dapat dipilih adalah get atau post.

Tag <input> digunakan untuk membuat berbagai jenis masukan di dalam form yang dibuat. Tag <input> diletakkan di antara tag <form> dan </form>. Tag <input> tidak perlu ditutup dengan tag </input>.

Tag <input> memiliki atribut type yang dapat digunakan untuk menentukan jenis masukan yang diinginkan. Pilihan isi atribut typeadalah sebagai berikut:

1.text

Tag <input> yang atribut type-nya adalah text memiliki beberapa atribut lainnya, yaitu:

a) name --> untuk menandai kotak teks tersebut.

b) value --> untuk menandai atau menampung teks yang diisikan oleh pengguna.

c) maxlength --> untuk menentukan panjang maksimum teks yang dapat dimasukkan oleh pengguna ke dalam kotak teks.

d) size --> untuk mengatur ukuran dari kotak teks.

2.password

Tag <input> yang atribut type-nya password juga memiliki atributname, value, size, dan maxlength.

3. checkbox

Tag <input> yang atribut type-nya checkbox dapat digunakan untuk menerima masukan berupa pilihan. Pilihan yang dapat dipilih bisa lebih dari satu. Atribut lainnya yang bisa digunakan adalahname dan value yang berguna untuk menamai masing-masing checkbox serta mengatur nilai pada checkbox tersebut. Tersedia juga sebuah kata kunci checked untuk membuat sebuah checkbox otomatis terpilih.

4. radio

Tag <input> yang atribut type-nya radio dapat digunakan untuk menerima masukan berupa pilihan. Pilihan yang dapat dipilih hanya satu piliha dalam satu waktu dalam satu nama yang sama. Dapat membedakan namanya pada atribut name. Atribut value digunakan untuk menandai atau mengatur nilai dari radio. Tersedia juga kata kunci checked untuk membuat sebuah radio otomatis terpilih.

5. submit

Tombol untuk menerima seluruh masukan yang diisi oleh pengguna. Ketika pengguna selesai memasukkan seluruh masukan, maka pengguna dapat mengklik tombol ini untuk kemudian seluruh masukkannya dapat diolah lebih lanjut oleh Anda.

6.button

Untuk membuat tombol yang dapat diklik oleh pengguna.

7. reset

Tombol untuk membatalkan seluruh masukan yang sudah dimasukkan oleh penguna.

8. file

Untuk menerima masukan berupa file.

9. image

Untuk masukan berupa gambar yang dapat diklik. Fungsinya hampir mirip dengan submit.

10. hidden

Untuk masukan yang tidak perlu didapatkan dari pengguna, namun masukan tersebut diambil atau diperoleh langsung dari kode program HTML Anda.

               Tag <textarea> digunakan untuk menerima masukan dari pengguna berupa beberapa baris teks. Tag <textarea> memiliki atribut:

1. name --> untuk menentukan nama dari textarea yang dimaksud.

2. rows dan cols --> untuk menentukan banyaknya baris dan kolom dari textarea.

Mengenal ComboBox dan ListBox

Menggunakan tag <select> untuk menampilkan beberapa opsi pilihan dalam bentuk menu dropdown. Tag <select> diletakkan di antara tag <form> dan </form>. Tag <select> memiliki atribut nameuntuk menentukan nama dari menu dropdown tersebut dan atributsize untuk menentukan ukuran menu dropdown.

Tag <option> digunakan untuk menandai masing-masing pilihan yang akan ditampilkan dalam menu dropdown. Tag <option> diletakkan di antara tag <select> dan </select>. Tag <option> memiliki atribut value untuk menentukan nilai dari setiap opsi pilihan. Tersedia juga kata kunci selected untuk menandai sebuah opsi pilihan yang otomatis terpilih.

NB: untuk listbox pada tag <select> diberi default multiple.