[HTML] Komponen-komponen form html

Komponen-komponen form html - salah satu komponen yang sering digunakan didalam Pembuatan Sebuah WEBsaite,

Komponen-komponen didalam Form ini menurut saya wajib diketahui, form ini ibarat sebuah direktori yang berguna untuk mengumpulkan sebuah data / komponen dan berguna juga untuk mengalihkan atau mengambil data dari halaman/database.

komponen-komponen form dalam HTML adalah sebagai berikut,

1.      Form

<FORM ACTION=”view.php” METHOD=”post/get” ENCTYPE=”text” </FORM>

Keterangan

-          Action  =>  alamat action yang ingin dituju

-          Method => ingin memakai method POST atau GET,

-          Enctype => bentuk media

Pada method kalian pilih salah satu saja, yang penting sesui dengan tujuan saja kawan, kalau kalian lupa dengan perbedaan POST dan GET kalian bisa lihat di sini

2.      Tekt box

Text bok ini biasanya Digunakan untuk memasukan input yang berupa string ataupun angka.

<input type=”text”  name=”no_telepon” value=”value”>

Size               = ukuran dari textbox dalam karakter,

Maxsize        = maksimal jumlah karakter yang dapat di input,

Nama            = nama variable yang dikirim ke suatu aplikasi

Value            = akan menampilkan isinya sebagai nilai default

3.      Text Area

Text Area biasanya berfungsi untuk memasukan komentar/pesan di websaite,

<input type=”text” name=”pesan” value=”value”>

Nama                    = nama dari veriabel yang dikirim ke suatu aplikasi

Rows                     = panjang baris dalam karakter

Cols                       = tiggi kotak

4.      Radio Button

Radio button ini untuk memilih dari 2 atau beberapa pilihan, tapi radio button ini hanya bisa memilih satu pilihan saja .

<input type=”radio” name=”jenis_kelamin” value=”laki-laki”>Laki-Laki

Nama             = nama variable yang dikirim

Value             = nilai dari varibel

5.      Check box

Berbeda dengan radio button yang hanya bisa memilih satu pernyataan dari banyak pilihan, kalau check box ini bisa memiliah dari satu pilihan, 2,3,4 bebas…

<input type =”checkbox” name=”hobi” value=”menari” checked>

Nama             = Nama variable yang dikirim

Value             = Nilai dari Variabel yang di checked.

6.      Combo box

Combo box berfungsi untuk menampilkan daftar data berbentuk combo box,

<select name=”golongan_darah” value=”pilih”>

<option>A</option>

<option>B</option>

</select>

Nama             =  nama variable yang dikirim

Value             = nama variable yang dipilih/tampil

7.      Submit

Submit untuk mengirim semua variable data pada komponen-komponen form yang ada

Submit ini berbentuk button, biasanya kita sebut tombol masuk.

<input type=”submit” name=”submit” value=”masuk”>

Nama             = nama variable

Value             = teks/tulisan yang akan tampil di atas tombol submit.

8.      Reset

Reset berarti membatalkan , di form ini reset juga sama berfungsi untuk membatalkan ata menghapus semua data yang diinput di form.

<input type=”reset” name=”reset” value=”hapus”>

Nama             = nama variable

Value             = teks/tulisan yang akan tampil di atas tombol reset.

Semoga sharing diatas bisa menambah ilmu kalian seputar Form HTML kawan.

Salam www.indocreativ.com