Selasa, 09 Juli 2019

Form html

FORM HTML
Form biasanya digunakan untuk mengumpulkan data dari suatu data. Penggunaan form hanya menggunakan Html saja tidak akan terlalu berguna.Form biasanya hanya berupa interface yang disediakan untuk mengumpulkan data dari user, dan akan diproses dengan bahasa pemrograman web. 

Tag dasar yang digunakan untuk membuat  form di html adalah tag form, input, textrea, select dan option. Tag form dalam html harus berada didalam tag form, yang diawali dengan <form> dan diakhiri dengan </form>. Tag form akan membutuhkan beberapa atribut untuk dapat berfungsi dengan seharusnya.  
Atribut yang digunakan dalam tag form yaitu
1. action, berfungsi untuk menjelaskan kemana data form yang akan dikirimkan.
2. method, berfungsi untuk menjelaskan bagaimana data isian form akan dikirimkan oleh web browser.

Tag input merupakan tag yang paling banyak digunakan didalam form dan memiliki banyak bentuk, mulai dari isian texr biasa.
Atribut yang digunakan dalam tag input yaitu:
1. <input type="text"/>, textbox yang digunakan untuk menerima inputan berupa text.
2. <input type="password"/>, sama dengan text namun saja tidak akan terlihat dan muncul berupa bintang atau bulatan.
3. <input type="checkbox"/>, inputan yang berupa data yang bisa diceklist maupun dicentang oleh user.
4. <input type="radio"/>, hampir sama dengan checkbox hanya saja user hanya bisa memilih satu diantara pilihan.
5. <inptu type="submit"/>, menampilkan tombol untuk memproses form.

Tag textarea pada dasarnya sama dengan tag input namun lebih besar dan dapat berisi banyak baris. Elemen yang berada diantara tag textarea akan ditampilkan sebagai text awal dari form.

Tag select digunakan untuk inputan yang telah tersedia nilainya, dan user hanya dapat memilih dari nilai yang ada. Tag select digunakan bersama dengan tag option. Tag select memiliki atribut selected yang dapat digunakan untuk menambah nilai awal dari suatu form.

Supaya lebih paham langsung ke contoh berikut:







Sebenarnya membuat fomulir dengan html tidak lah sulit hanya saja membutuhkan kreatifitas dan kejelian dalam pengkodingannya.


Belajar tak mengenal waktu
@enjie_press~
Previous Post
Next Post

0 komentar: