Thursday, July 27, 2017

Membuat Form Dengan HTML

     No comments


Muhammad Aqshol Rifanza - Form merupakan proses pengutipan data sebelum diproses oleh sistem. Salah satunya adalah form login, form comment, form data dan form user, dan lain - lain. untuk proses pengutipan data dari form akan kita bahas pada materi PHP, MYSqL, dan Javascript. Tag yang digunakan untuk membuat form ini adalah <form> yang didalamnya dapat kita selipkan <input>, <textarea>, <option> dan <select>.

Tag <form>
Dalam tag <form> ini dibutuhkan beberapa atribut untuk memproses data yang akan dikirim. Dan biasanya nilai yang dikirim berupa alamat dari sebuah halaman untuk memproses data inputan. Dan atribut yang kedua berupa method. Method ini menjelaskan bagaimana data yang akan dikirim oleh web browser. Nilai method ini biasanya get atau post.



Tag <input>
Tag input merupakan tag yang akan digunakan dalam form pengisian. Tag input ini memiliki banyak sekali bentuk yang bisa digunakan misalkan isian teks, password, checkbox, radio, sampai dengan tombol submit berada dalam tag <input>.

Ini ada beberapa bentuk dalam keluarga <input> :
  1. <input type="text"> textbox yang bisa menerima inputan text misalkan username atau berupa inputan text yang pendek.
  2. <input type="password"> textbox yang menerima inputan text, akan tetapi text yang diinput akan ditampilkan sebagai tanda bintang atau titik, textbox ini biasanya digunakan untuk memebuat inputan password.
  3. <input type="submit"> inputan berupa tombol (button) untuk memproses data inputan dari form.
  4. <input type="checkbox"> inputan berupa checkbox yang dapat di ceklis oleh user.
  5. <input type="radio"> inputan yang berupa radio group, dimana user dapat memilih salah satu dari pilihan yang disediakan. Salah satu contoh penggunaan dari radio ini adalah jenis kelamin dan sebagainya.



Kesimpulan
Contoh diatas sangatlah sederhana, untuk memperindahnya menggunakan CSS. Dari contoh diatas pula anda dapat melihat dan memahami masing - masing tag atau atribut yang sudah kita bahasSekian postingan kali ini semoga bermanfaat.

Referensi

  • http://www.script-kiddies.org
  • http://www.w3school.com


0 comments:

Post a Comment