Penjelasan Singkat Form HTML

Posted by andi hasmiati In | 0 comments»
Tahukah kalian tentang form yang ada pada pembuatan tag HTML. Tentunya kalian sudah sangat familiar dengan form tersebut jika anda biasa mengutak atik program yang ada dalam software semisal dreamweaver.
Form adalah salah satu tag HTML yang dipakai untuk penempatan inputan yang akan diisikan oleh user untuk dieksekusi selanjutnya.  HTML Form sering digunakan untuk meminta inputan dari user yang kemudian diproses oleh server side scripting seperti PHP, JSP, dan sebagainya. Form HTML diapit oleh tag <form> </form>.
Sebuah form layaknya subuah lampiran formulir layaknya kita mengisi formulir di sebuah kertas. Di dalamnya pasti memuat dua bagian, bagian pertanyaan dan bagian jawaban. Bagian jawaban juga terbagi atas beberapa bentuk misalnya dengan menulis teks atau kita tinggal memilih (centang) jawaban yang sudah tersedia. Form dalam sebuah HTML juga demikian, terdiri dari bentuk jawaban yang berbeda-beda, atau biasa disebut dengan elemen. Elemen-elemen form dalam HTML misalnya berupa button, checkbox, option, select, text, dan textarea.

Dua attribut yang paling sering digunakan dalam penggunaan form adalah :

  • Action   : Nilai dari attribut ini menunjukkan lokasi dari file pemrosesan dari form inputan. Dapat berupa relatif URI, contoh “folderX/file1.php” atau absolut URI, contoh“http://contoh.com/file1.php”.
  • Method : Nilai dari attribut yang menentukan metode data yang dikirimkan ke file pemroses, apakah melalui metode “GET” atau “POST”.
<form action=”file1.php” method=”POST”>
...
</form>


Macam- macam input


Berikut ini daftar nilai yang dapat digunakan pada attribut type :



Nilai type
Keterangan
Text
Untuk menampillkan texbox
Password
Untuk menampillkan password field
file
Untuk menampillkan proses upload file (mirip seperti texbox namun dengan tombol browse).
Checkbox
Untuk menampillkan tombol checkbox (lebih dari satu pilihan).
Radio
Untuk menampillkan tombol radio/option (hanya satu pilihan)
Submit
Untuk mensubmit form (default button untuk submit)
Button
Sama dengan submit hanya saja bukan default button
reset
Untuk membersihkan tampilan form
hidden
Input tidak ditampilkan dibrowser











0 comments:

Posting Komentar