Menggunakan Tag Input HTML dan Tag Tombol dalam Bentuk

Dengan menyetel jenis atribut ke "tombol", tombol yang dapat diklik sederhana akan dihasilkan. Anda dapat menentukan teks yang akan muncul pada tombol, seperti "Kirim," dengan menggunakan atribut nilai .

Sebagai contoh:

Sadarilah bahwa tag tidak akan mengirimkan formulir HTML; Anda masih perlu menyertakan JavaScript untuk menangani pengiriman data formulir. Tanpa JavaScript onclick event, tombol akan tampak dapat diklik tetapi tidak akan ada yang terjadi, dan Anda akan membuat pembaca frustrasi.

Tombol & lt; & gt; Tag Alternatif

Meskipun menggunakan tag input untuk membuat tombol berfungsi untuk tujuannya, itu adalah opsi yang lebih baik untuk menggunakan tag untuk membuat tombol HTML situs web Anda. Tag lebih fleksibel karena memungkinkan Anda menggunakan gambar untuk tombol (yang membantu Anda mempertahankan konsistensi visual jika situs Anda memiliki tema desain), misalnya, dan dapat didefinisikan sebagai jenis kirim atau setel ulang tombol tanpa perlu JavaScript tambahan.

Anda akan ingin menentukan atribut jenis tombol di setiap tag

. Ada tiga jenis berbeda:

• tombol - Tombol tidak memiliki perilaku yang melekat tetapi digunakan bersama dengan skrip yang berjalan di sisi klien yang dapat dilampirkan ke tombol dan dijalankan saat diklik.
• reset - Mengatur ulang semua nilai.
• submit - Tombol menyerahkan data formulir ke server (ini nilai default jika tidak ada tipe yang ditentukan).

Atribut lainnya termasuk:

• name - Memberi tombol nama referensi.
• nilai - Menentukan nilai yang awalnya ditetapkan ke tombol.
• disable - Mematikan tombol.

HTML5 menambahkan beberapa atribut tambahan ke tag

yang memberi Anda lebih banyak fungsi.

• autofocus - Ketika halaman dimuat, ini menentukan bahwa tombol ini adalah fokus. Hanya satu autofokus yang dapat digunakan pada satu halaman.
• form - Mengaitkan tombol dengan formulir dalam dokumen HTML yang sama, menggunakan identifier formulir sebagai nilainya. Sebagai contoh:

Kirim

formaction - Digunakan hanya dengan type = "submit" dan URL sebagai nilai, itu menentukan di mana data form akan dikirim. Sebagai contoh:

Kirim data formulir ke halaman lain

formenctype - Digunakan hanya dengan atribut type = "submit" . Menentukan bagaimana data formulir dikodekan ketika diserahkan ke server. Ketiga nilai tersebut adalah aplikasi / x-www-form-urlencoded (default), multipart / form-data, dan teks / polos.

formmethod - Digunakan hanya dengan atribut type = "submit" . Ini menentukan metode HTTP mana yang akan digunakan saat mengirim data formulir, baik mendapat atau memposting.

formnovalidate - Digunakan hanya dengan atribut type = "submit" . Data formulir tidak akan divalidasi ketika dikirimkan.

formtarget - Digunakan hanya dengan atribut type = "submit" . Ini menunjukkan di mana respon situs harus ditampilkan ketika data formulir dikirimkan, seperti di jendela baru, dll. Opsi nilai adalah _blank, _self, _parent, _top, atau nama frame tertentu.

Jika Anda menggunakan formulir, Anda mungkin ingin membaca tentang membuat tombol dalam bentuk HTML , dan bagaimana membuat situs Anda lebih ramah pengguna.