Pengertian Singkat Tentang HTML Forms Pada Website

HTML memungkinkan kita untuk membuat sebuah bentuk form. Di sinilah website kami dapat menjadi lebih dari sekedar iklan brosur yang bagus. Bentuk ini memungkinkan kita untuk membangun website lebih dinamis yang memungkinkan pengguna untuk berinteraksi dengan kita secara mudah.

Bentuk HTML terdiri dari sejumlah elemen form. Unsur-unsur ini memungkinkan pengguna untuk melakukan hal-hal seperti memasukkan informasi atau membuat pilihan dari opsi preset.

Dalam HTML, formulir didefinisikan menggunakan tag <form> </ form> . Unsur-unsur bentuk yang sebenarnya didefinisikan antara dua tag tersebut, antara lain :

Tag <input>
Ini adalah tag yang paling umum digunakan dalam bentuk HTML. Hal ini memungkinkan Anda untuk menentukan berbagai jenis masukan bidang pengguna seperti teks, tombol radio, checkbox, dll

Teks
Bidang teks digunakan ketika Anda ingin pengguna mengetik teks atau angka ke dalam formulir.

Kode	Hasil

Radio Buttons
Radio buttons digunakan ketika Anda menginginkan para pengguna untuk memilih salah satu pilihan dari satu set pra-pilihan yang ditentukan.

Kode	Hasil
	Pasta  Rissotto

Checkbox
Checkbox mirip dengan Radio buttons tetapi memungkinkan pengguna untuk membuat beberapa pilihan.

Kode	Hasil
	Saya tahu HTML  Saya tahu CSS

Submit
Tombol submit memungkinkan pengguna untuk benar-benar menyerahkan formulir.

Kode	Hasil

Select Lists
Sebuah daftar pilih adalah daftar dropdown dengan pilihan. Hal ini memungkinkan pengguna untuk memilih satu pilihan dari daftar pilihan yang telah ditentukan. 

Daftar pilih dibuat dengan menggunakan elemen <select> dalam hubungannya dengan elemen <option>.

Kode	Hasil
	Sydney   Melbourne   Cromwell   Queenstown

Form Action
Biasanya ketika pengguna mengirimkan formulir, Anda perlu sistem untuk melakukan sesuatu dengan data. Di sinilah halaman aksi masuk ke Halaman tindakan ke halaman yang formulir dikirimkan. Halaman ini bisa berisi skrip lanjutan atau program yang memasukkan data formulir ke dalam database atau email administrator dll, 

Membuat halaman aksi ini berada di luar cakupan tutorial. Dalam kasus apapun, banyak web host menyediakan script yang dapat digunakan untuk fungsi halaman tindakan, seperti email webmaster ketika formulir telah selesai. Untuk saat ini, saya hanya akan melihat bagaimana untuk menyerahkan formulir ke halaman tindakan. 

Anda mencalonkan halaman aksi dengan atribut aksi.

Kode	Hasil
	Nama Depan :  Nama Belakang :

Oh ya, satu hal lagi. Anda mungkin telah memperhatikan contoh di atas menggunakan atribut method. Atribut ini menetapkan metode HTTP untuk digunakan ketika formulir dikirimkan.

Nilai yang mungkin adalah:

• mendapatkan (data formulir ditambahkan ke URL ketika disampaikan) 
• post (data formulir tidak ditambahkan ke URL) 

Menyediakan atribut ini adalah opsional. Jika Anda tidak memberikan itu, maka metode ini akan menjadi posting bukan formulir.

Semoga bermanfaat, sampai jumpa pada tutorial selanjutnya.

SHARE

About Unknown