Mohon tunggu...
Daniel Eko Cahyanto
Daniel Eko Cahyanto Mohon Tunggu... karyawan swasta -

hobby internetan, musik, traveling, photographi

Selanjutnya

Tutup

Inovasi

HTML: Forms

19 September 2010   16:47 Diperbarui: 26 Juni 2015   13:07 142
+
Laporkan Konten
Laporkan Akun
Kompasiana adalah platform blog. Konten ini menjadi tanggung jawab bloger dan tidak mewakili pandangan redaksi Kompas.
Lihat foto
Bagikan ide kreativitasmu dalam bentuk konten di Kompasiana | Sumber gambar: Freepik

form HTML digunakan untuk mengirimkan data ke server. form terdiri dari elemen-elemen seperti input,checkbox,radio button,submit button dan masih banyak lagi. sebuah form juga terdiri dari select list,text area,fieldset,legend dan elemen label. tag <form> digunakan untuk menciptakan form HTML

HTML Forms - Element Input

form yang terpenting adalah elemen input. Elemen input dipakai untuk memilih informasi user. Elemen input dapat diterapkan melalui beberapa cara tergantung tipe atributnya. elemen input dapat bertipe text, checkbox, password, radio buttondan masih banyak lagi. penggunaan elemen input dapat dilihat dibawah. hasilnya adalah :

Password Field

mendefinisikan input bertipe password. kita lihat bagaimana penggunaanya didalam tag form: outputnya adalah : catatan : karakter yang muncul dalam kotak adalah karakter bertanda ( ditunjukkan dengan tanda titik hitam tebal.

Radio Buttons

mendefinisikan radio button. Radio button mengijinkan pengguna untuk memilih hanya satu dari sekian pilihan yang disediakan. contoh pemakaianya dalam tag form : hasilnya di browser :

Checkboxes

mendefinisikan input bertipe checkbox. checkbox mengijinkan pengguna untuk memilih satu atau lebih pilihan yang disediakan. hasilnya :

Submit Button

mendefinisikan input yang bertipe submit. digunakan untuk mengirim data ke server. data yang dikirim di spesifikasikan di atribut form action. outputnya adalah : sekian dulu tutorial singkat ini, semoga bermanfaat bagi para pembaca. nantikan tutorial singkat saya yang selanjutnya. cayo IT Indonesia.

Mohon tunggu...

Lihat Inovasi Selengkapnya
Beri Komentar
Berkomentarlah secara bijaksana dan bertanggung jawab. Komentar sepenuhnya menjadi tanggung jawab komentator seperti diatur dalam UU ITE

Belum ada komentar. Jadilah yang pertama untuk memberikan komentar!
LAPORKAN KONTEN
Alasan
Laporkan Konten
Laporkan Akun