HTML element digunakan untuk menampung macam-macam element yang berhubungan dengan sebuah form. Dalam sebuah form biasanya terdapat kotak input [control] dan element lainnya yang dapat diedit kemudian ditulis untuk dikirim pada sebuah server untuk diproses guna mendapatkan informasi tertentu dari atau untuk user
Element yang dapat digunakan untuk melengkapi sebuah form, diantaranya adalah sebagai berikut
Pada spesifikasi HTML5 element, terdapat atribut tambahan yaitu autocomplete
dan novalidate
. Adapun atribut yang dihapus dari spesifikasi sebelumnya adalah accept
.
Atribut
Atribut Tag HTML
_1
Google:
Menentukan pengkodean karakter yang diterima oleh server sebelum form dikirim
nilai. set karakter
_2
Google:
Menentukkan alamat [URL] yang memproses formulir data ketika dikirim. Tindakan ini dapat diganti dengan menyebutkan atribut
Google:
3 pada
Google:
4 atau
Google:
5 elementnilai. url
autocomplete
Menentukkan apakah input [control] secara otomatis melengkapi konten yang sebelumnya telah ditulis atau tidak. Hal ini dilakukan otomatis [jika
Google:
7] oleh browser untuk menampilkan tulisan yang sebelumnya telah diinput untuk menghindari penulisan berulang kalinilai.
Google:
7 peti mati
Google:
9
_0
Buat Akun
E-mail:
Password:
Ketik ulang password:
Jenis penyandian menujukkan. Konten tipe MIME yang digunakan untuk mengirimkan data form pada sebuah server. Ini, hanya berlaku untuk formulir dengan
Buat Akun
E-mail:
Password:
Ketik ulang password:
1- nilai
_2. nilai bawaan [default value] jika atribut tidak disebutkanBuat Akun E-mail: Password: Ketik ulang password:
_3. nilai ini hanya digunakan jika terdapatBuat Akun E-mail: Password: Ketik ulang password:
5 element dengan type atributGoogle:
5Buat Akun E-mail: Password: Ketik ulang password:
- teks [teks/polos]
Nilai [value] diatas dapat pula digunakan pada atribut
Buat Akun
E-mail:
Password:
Ketik ulang password:
6 untuk sebuah
Google:
4 atau
Google:
5 element
_9
Buat Akun
E-mail:
Password:
Ketik ulang password:
Menentukkan metode HTTP yang digunakan oleh browser untuk mengirim form data
- nilai
_0. Berkaitan dengan metode HTTP POST. Metode ini digunakan untuk mengirim form data yang disisipkan pada body form dan dikirim ke serverDemo HTML form tag Berlangganan Artikel Nama: Email: *form diatas hanyalah sebuah contoh dan tidak dapat digunakan untuk berlangganan artikel melalui email.
_1. Berkaitan dengan metode HTTP GET. Method ini digunakan untuk mengirim data form yang disisipkan pada URIDemo HTML form tag Berlangganan Artikel Nama: Email: *form diatas hanyalah sebuah contoh dan tidak dapat digunakan untuk berlangganan artikel melalui email.
2 atribut dengan tanda tanya [Google:
3] sebagai pemisah kemudian dikirim ke server. karakter yang digunakan adalah ASCIIDemo HTML form tag Berlangganan Artikel Nama: Email: *form diatas hanyalah sebuah contoh dan tidak dapat digunakan untuk berlangganan artikel melalui email.
_4
Demo HTML form tag
Berlangganan Artikel
Nama:
Email:
*form diatas hanyalah sebuah contoh dan tidak dapat digunakan untuk berlangganan artikel melalui email.
Menentukkan nama untuk sebuah formulir
nilai. teks
________3.4_______
memperlihatkan bahwa form tidak perlu divalidasi ketika dikirim pada sebuah server
nilai. memvalidasi ulang
_6
Demo HTML form tag
Berlangganan Artikel
Nama:
Email:
*form diatas hanyalah sebuah contoh dan tidak dapat digunakan untuk berlangganan artikel melalui email.
Menentukkan tempat dari respon yang diterima setelah mengirim form
nilai.
Demo HTML form tag
Berlangganan Artikel
Nama:
Email:
*form diatas hanyalah sebuah contoh dan tidak dapat digunakan untuk berlangganan artikel melalui email.
_7.
Demo HTML form tag
Berlangganan Artikel
Nama:
Email:
*form diatas hanyalah sebuah contoh dan tidak dapat digunakan untuk berlangganan artikel melalui email.
_8.
Demo HTML form tag
Berlangganan Artikel
Nama:
Email:
*form diatas hanyalah sebuah contoh dan tidak dapat digunakan untuk berlangganan artikel melalui email.
_9. form {
display: block;
margin-top: 0em;
}
_0Atribut Keseluruhan
Atribut Secara Global [Keseluruhan]
tag mencakup global attributes, yang artinya tag tersebut dapat disisipkan semua attributes yang termasuk dalam global attributes yang secara umum berlaku untuk semua HTML tags.
Silahkan, lihat referensi mengenai HTML Global Attribute
Atribut Acara
Acara atribut [Peristiwa]
tag mencakup event attributes, yang artinya attribute tersebut dijalankan ketika ada interaksi dari user atau dalam suatu peristiwa [kejadian]. Contoh: menjalankan script [JavaScript] ketika halaman web pada jendela browser hendak ditutup, dan lain sebagainya.
Silahkan, lihat referensi mengenai HTML Events Attribute
Contoh
Kontur HTML
elemen
kontur 1
HTML
Nama:
Email:
kontur 2bentuk kontur pencarian
HTML
Google:
Contoh 3Contoh form dengan fieldset, legend dan validasi
HTML
Buat Akun
E-mail:
Password:
Ketik ulang password:
_Perhatikan baris ke-6: dapat diartikan dengan label tersebut ditujukan untuk input control dengan id="username" [baris ke-7].
Jika terletak di dalam element, maka attribut
form {
display: block;
margin-top: 0em;
}
2 tidak perlu disebutkan [lihat example 1].Contoh Lengkap
Contoh source code lengkap disertai dengan link "editor" untuk mencoba [try it] dan melihat hasil [preview] kode