--> Membuat Form Di Html | Blog ILPeEkom

Friday, February 5, 2016

Membuat Form Di Html

| Friday, February 5, 2016

            Form biasanya digunakan untuk mengumpulkan data dari pengunjung blog kita, biasanya dimulai dari nama, alamat, jenis kelamin, form login , dan kotak saran. Nah kali ini saya akan memberikan pembasahan tentang membuat form di htlm.


            Biasanya penggunaan form jika menggunakan html saja itu tidak berguna, juga ada yang menambahi dengan adanya interface, yang digunakan untuk mengumpulkan data, kemudian akan diproses ke pemrograman web seperti, php dan tabel mysql.

            Nah apa saja yang tersedia dalam form itu, biasanya ada tag form, input, texarea, option, dan select. Form – form itu memiliki fungsi masing-masing. Saya akan jelaskan masing-masing beserta script kodenya.

      I.            Tag input

Bahwa tag input ini tag yang paling sering digunakan, contohnya text inputan nama, checkbox, radio dan comanbutton dll.
Bentuk inputan
a.        input type="text”merupakan inputan biasa yang menerima untuk inputan text biasa. Contohnya inputan nama orang, No.Hp, Username,dan Password.
      Tampilannya bisa lihat gambar dibawah ini

b.      input type="checkbox"merupakan inputan yang bisa diceklis dan juga dalam menceklis bisa lebih dari 1. Biasanya ini digunakan dalam form Hobi.
      Tampilannya bisa lihat gambar dibawah ini

c.       input  type="radio" merupakan inputan yang mirip seperti checkbox, namun dalam inputan radio hanya bisa memilih 1 saja. Contohnya inputan Jenis Kelamin.
      Tampilannya bisa lihat gambar dibawah ini

d.      input type="submit" adalah untuk menampilkan tombol dalam memproses form yang kita buat tadi.
      Tampilannya bisa lihat gambar dibawah ini

Semua script Bentuk Inputan yang ada dihtml bisa lihat Disini

   II.            Tag textarea

Tag textarea itu sama saja dengan tag input, tetapi textarea jauh lebih besar dan anda bisa mengisinya lebih banyak kata. Biasanya digunakan dalam form alamat.

Tampilannya bisa lihat gambar dibawah ini


Scriptnya bisa di lihat disini

III.            Tag select

Tag select ini biasanya telah tersedia nilainya sehingga anda bisa memilih nilainya yang sudah ada di dalam tag select.

Tampilannya bisa lihat gambar dibawah ini

Scriptnya bisa di lihat disini

Nah itu macam-macam tag inputan, tag textarea dan tag select, jika saya simpulkan kode htlm maka saya akan membuatkan form htlmnya.

Jika ingin melihat script komplete dan penjelasannya juga bisa download DISINI
bisa dilihat gambarnya dibawah ini


Sekian Pembahasan kali ini semoga bermanfaat dan selamat mencoba teman. Terima Kasih

Related Posts

No comments:

Post a Comment