Form
biasanya digunakan untuk mengumpulkan data dari pengunjung blog kita, biasanya
dimulai dari nama, alamat, jenis kelamin, form login , dan kotak saran. Nah
kali ini saya akan memberikan pembasahan tentang membuat form di htlm.
Biasanya penggunaan form jika menggunakan html saja itu tidak berguna, juga ada yang
menambahi dengan adanya interface, yang digunakan untuk mengumpulkan data,
kemudian akan diproses ke pemrograman web seperti, php dan tabel mysql.
Nah
apa saja yang tersedia dalam form itu, biasanya ada tag form, input, texarea,
option, dan select. Form – form itu memiliki fungsi masing-masing. Saya akan
jelaskan masing-masing beserta script kodenya.
I. Tag input
Bahwa tag input ini tag
yang paling sering digunakan, contohnya text inputan nama, checkbox, radio dan
comanbutton dll.
Bentuk inputan
a. input type="text”merupakan inputan biasa
yang menerima untuk inputan text biasa. Contohnya inputan nama orang, No.Hp,
Username,dan Password.
Tampilannya bisa lihat gambar dibawah ini
Tampilannya bisa lihat gambar dibawah ini
b. input
type="checkbox"merupakan inputan yang bisa diceklis dan juga dalam
menceklis bisa lebih dari 1. Biasanya ini digunakan dalam form Hobi.
Tampilannya bisa lihat gambar dibawah ini
Tampilannya bisa lihat gambar dibawah ini
c. input
type="radio" merupakan inputan
yang mirip seperti checkbox, namun dalam inputan radio hanya bisa memilih 1
saja. Contohnya inputan Jenis Kelamin.
Tampilannya bisa lihat gambar dibawah ini
Tampilannya bisa lihat gambar dibawah ini
d. input
type="submit" adalah untuk menampilkan tombol dalam memproses form
yang kita buat tadi.
Tampilannya bisa lihat gambar dibawah ini
Semua script Bentuk Inputan yang ada dihtml bisa lihat Disini
Tampilannya bisa lihat gambar dibawah ini
Semua script Bentuk Inputan yang ada dihtml bisa lihat Disini
II. Tag textarea
Tag textarea itu sama
saja dengan tag input, tetapi textarea jauh lebih besar dan anda bisa mengisinya
lebih banyak kata. Biasanya digunakan dalam form alamat.
Tampilannya bisa lihat gambar dibawah ini
Scriptnya bisa di lihat disini
Tampilannya bisa lihat gambar dibawah ini
Scriptnya bisa di lihat disini
III. Tag select
Tag select ini biasanya telah
tersedia nilainya sehingga anda bisa memilih nilainya yang sudah ada di dalam
tag select.
Tampilannya bisa lihat gambar dibawah ini
Scriptnya bisa di lihat disini
Tampilannya bisa lihat gambar dibawah ini
Scriptnya bisa di lihat disini
Nah itu macam-macam tag inputan,
tag textarea dan tag select, jika saya simpulkan kode htlm maka saya akan
membuatkan form htlmnya.
Jika ingin melihat script komplete dan penjelasannya juga bisa download DISINI
bisa dilihat gambarnya dibawah ini
Jika ingin melihat script komplete dan penjelasannya juga bisa download DISINI
bisa dilihat gambarnya dibawah ini
Sekian Pembahasan kali ini semoga bermanfaat dan selamat mencoba teman. Terima Kasih
No comments:
Post a Comment