PHP

Mengenal Komponen Form HTML

Komponen Form HTML yang kita tahu adalah sebuah komponen yang di gunakan untuk memberikan sebuah value. Dan pada umumnya kemudian komponen form tersebut diaplikasikan kedalam objek database untuk memberikan sebuah data.  Ketika dalam penerapannya Komponen Form ini contohnya di gunakan untuk Input, Edit maupun Delete.

Seperti halnya dalam pemrograman yang lainnya seperti halnya Visual Basic, Java dan sebagainya memberikan fungsinya hampir sama hanya yang membedakan adalah cara dan model bahasa  pembuatan programnya. Disini mampiro.com akan memberikan beberapa pengertian mengenai bagaimana mengenal sebuah Form HTMLnya dan cara penggunaaanya. Seperti yang kita ketahui pengenalan Komponen Form HTML ini diantaranya adalah  Text, Textbox, Radio Button, Select, Check box, Button. Nah dari beberapa komponen form yang ada ini akan saya terangkan satu persatu tentang pengertian dan penggunaanya. Tapi sebelum saya terangkan komponen form ini ada baiknya kita mengenal Tag form yang diawal dengan tag<form> diakhiri </form> di bawah ini.

Dari pengertian Tag Form di atas

action=”proses.php” sebuah pengalihan halaman ketika mensubmit Button

method=”post” sebuah metode dalam form antara POST/GET

enctype=”multipart/form-data” Metode ini digunakan biasanya apabila ada file yang akan di upload

Setelah membuat tag form di atas tadi tugas selanjutnya adalah membuat sebuah struktur komponen form dengan penjelasan satu persatu.

1. Text

Text merupakan sebuah komponen form yang berfungsi untuk memasukkan sebuah data dalam bentuk satu alenia.

Contoh kode

text

2. Textbox

Textbox merupakan sebuah komponen form yang berfungsi untuk memasukkan sebuah data dalam bentuk satu paragraf atau lebih dari satu alenia.

Contoh kode

textarea

3. Radio Button

Radio Button merupakan sebuah komponen form yang berfungsi untuk memasukkan sebuah data dengan satu opsi maksudnya adalah hanya satu pilihan data yang akan dimasukkan valuenya. Radio Button ini biasanya di gunakan untuk data yang simple contohnya Status Perkawinan, Jenis Kelamin dan lain-lain

Contoh kode

radio

4. Select

Select merupakan komponen form HTML yang berfungsi untuk mengambil salah satu data. Biasanya Select ini merupakan tipe data yang lebih banyak yaitu melalui looping contohnya propinsi, kota, dan lain-lain lebih banyak data yang disimpan dalam form ini

Contoh kode

select1

5. Checkbox

Checkbox ini biasanya di gunakan bila pilihannya didalam form banyak contohnya adalah Hobi memancing, olah raga, membaca dan lain-lain

Contoh kode

checkbox

6. Submit dan Reset

Submit  dan Reset merupakan sebuah komponen HTML yang berfungsi untuk mengeksekusi perintah Form dengan masing-masing fungsi

Submit berfungsi untuk melakukan aksi Penyimpanan / Pencarian

Reset berfungsi untuk melakukan aksi Pembatalan / Hapus

namun ada beberapa fungsi yang lain seperti Button biasanya digunakan untuk Submit untuk javascript

Contoh kode

submit dan reset

Adapun tentang atribut name memberikan keterangan nama variabel untuk value memberikan keterangan isi dari variabel

 

Kemudian bagaimana cara penggabungannya dengan menggunakan tabel akan saya contohkan disini :

hasil screen shoot :

form html

Contoh Form HTML PHP

Artikel lain : Membuat Form Validasi Javascript

Demikian beberapa komponen html disertai contohnya semoga memberikan manfaat pada sobat semua yang lagi belajar membuat komponen HTML ini…

Oh ya temen-temen jangan lupa tinggalin komentar ya, saran, kesan dan kritiknya di bawah. Untuk membangun blog yang lebih baik ke depannya. dan slamat berkunjung kembali di mampiro.com :)

Mohon maklum adanya file-file mampiro sudah dihapus oleh pihak ziddu... kami dari pihak mampiro.com akan mereparasinya kembali.., terima kasih sudah berkunjung


Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">