FormAplikasi IT-1Donny Reza, S.KomTeknik InformatikaUnikom2011

FormForm HTML merupakan bagian dari dokumen HTML yang memuat konten biasa, markup, elemen spesial yang disebut controls dan label-label pada controls tersebut.User biasanya melengkapi sebuah formulir dengan memodifikasi controls tersebut (memasukan teks, memilih item menu, dll) sebelum mengirimkan formulir untuk diproses.(Forms,http://www.w3.org/TR/html4/interact/forms.html#form-controls)

FormTag yang digunakan adalah dengan atribut sebagai berikut:method -> post, get: metode yang digunakan untuk mengirim data

action -> URI: alamat file yang digunakan untuk mengolah data yang dikirim oleh form

name -> text: nama elemen

FormContoh penggunaan :

Form ControlsJenis-jenis controls:buttons, sebuah tombol. Buttons terdiri dari 3 jenis:submit buttons, untuk mengirim data formulirreset buttons, untuk mengembalikan formulir ke kondisi awal (initial values).push buttons, tidak memilki fungi khusus, namun dapat digunakan saat dikombinasikan dengan client-side script seperti javascript.

Form ControlsTag untuk control button adalah dengan attribut sebagai berikut:

Form Controls

Form ControlsContoh Tag :Untuk submit (mengirim data):Kirim

Untuk reset (mengembalikan ke kondisi awal):Reset

Tombol biasa (tidak memiliki fungsi khusus):Tombol Biasa

Form ControlsText Input, jenis controls yang digunakan untuk memperoleh data teks dari user. Terdiri dari 2 jenis text input:Menggunakan untuk satu baris teks.Menggunakan untuk mendapatkan beberapa baris ( >1 ) teks.

Form ControlsTag untuk satu baris teks menggunakan . Akan tetapi, pada dasarnya tag memiliki beberapa type. Attribut sebagai berikut:

Form Controls

Form Controls

Form ControlsContoh Tag :Jenis text:

Jenis radio:AB

Jenis Checkbox:A1A2

Form ControlsPerbedaan Radio dan Checkbox:Radio digunakan untuk pilihan yang menghendaki hanya satu opsi yang dipilih. Misal: golongan darah, agamaCheckbox, user dapat memilih beberapa opsi dari pilihan yang digunakan. Misal: hobi.

Form ControlsTag digunakan untuk memperoleh data teks lebih satu baris. Attribut yang dapat digunakan pada textarea adalah:

Form Controls

Form ControlsContoh penggunan :

Form ControlsMenu, menu menawarkan user beberapa pilihan yang dapat dipilih. Dalam praktiknya, memiliki kesamaan fungsi dengan radio atau checkbox. Tag yang digunakan sebagai menu adalah , sedangkan opsi(item) yang menjadi pilihannya ditandai dengan tag .

Form ControlsContoh menu:

Bandung Bogor Jakarta

Form ControlsAtribut untuk tag :

Form ControlsAtribut untuk tag :