Form pada HTML :: Desain Web Part 4 - Mari Belajar - Belajar dimana saja dan kapan saja.
Terbaru
Memuat...

Minggu, 07 Juli 2013

Form pada HTML :: Desain Web Part 4

FORM

Form digunakan untuk mengumpulkan informasi dari user. Untuk membuat form digunakan tag <form>…</form>. Pasangan tag tsb diletakkan di antara <BODY>…</BODY>. Dalam sebuah form bisa terdapat banyak element.


BENTUK UMUM FORM


METHOD => menentukan cara mengirimkan data yang diinputkan user ke server. Ada 2 cara yang dapat dipakai yaitu GET dan POST
ACTION => menentukan lokasi file yang akan memproses data.
NAME => menentukan nama form. Nama ini berfungsi sebagai variable yang akan dikirimkan ke target dalam atribut ACTION.


FORM  - Textfield / Textbox

berbentuk kotak inputan satu baris tunggal yang digunakan untuk memasukkan data berupa teks maupun angka.

Atribut :
size=> menunjukkan panjangnya kolom.
Value => menunjukkan default text yang ditampilkan.
Name => nama textfield
Readonly=readonly => membuat textbox tidak bisa diisi
Maxlength => menentukan panjang maksimum


FORM – Password Field

Prinsip kerjanya sama dengan TEXTFIELD, hanya saja karakter yang diketikkan diganti dengan karakter *****.

Atribut yang dimiliki sama dengan textbox.

FORM - Textarea

Digunakan untuk memasukkan beberapa baris text
Atribut :
Name => nama textarea 
Cols => jumlah kolom yang akan tampil
Rows => jumlah baris yang akan tampil  

Form - Checkbox

Digunakan untuk membuat kotak pilihan. 
Biasa digunakan jika group pilihan bisa dipilih lebih dari satu (misalnya dalam pemilihan hoby, warna kesukaan)
Atribut : 
Name => nama checkbox (dalam 1 group memiliki nama yang berbeda
value => nilai / data yang akan dikirimkan ke server
Checked=checked => membuat checkbox terpilih
Disabled=disabled => membuat checkbox tidak bisa dipilih

FORM – Radio Button

Kegunaannya sama dengan checkbox hanya saja bentuknya lingkaran.
Biasa digunakan jika dalam sebuah group pilihan, hanya satu yang bisa dipilih (misalnya dalam pemilihan agama dan jenis kelamin)
Atribut :
Name => nama radio button (dalam 1 group memiliki nama yang sama
value => nilai / data yang akan dikirimkan ke server
Checked=checked => membuat radio button terpilih
disabled=disabled => membuat radio button ditidak bisa dipilih

FORM – Combobox / Dropdown

Digunakan untuk membuat daftar menu.
Atribut option :
Selected=‘selected’ => memberikan nilai default pilihan yang dipilih
Atribut select :
Name => nama combobox
Size => menentukan jumlah pilihan yang ditampilkan
Multiple=multiple => membuat combobox bisa dipilih lebih dari 1

FORM - Button

SUBMIT BUTTON
Digunakan untuk mengirimkan data yang dimasukkan melalui form oleh pengunjung ke server.
Data dalam form baru akan dikirim setelah tombol ini diklik

RESET BUTTON
Digunakan untuk membatalkan data yang telah diketik di form sehinnga form menjadi kosong. 

Share with your friends

1 komentar

  1. Are you looking to make money from your visitors by running popunder ads?
    If so, have you tried using Pop Cash?

    BalasHapus

Pemberitahuan
Selamat datang di blog Mari Belajar.
Ayo bagikan kebaikan dengan membagikan artikel yang bermanfaat di blog Mari Belajar ke sosial media kalian.
Jangan lupa untuk like dan follow sosial media Mari Belajar untuk mendapatkan materi belajar terbaru setiap harinya.
Tutup
Night Mode