Mencipta Butang Menggunakan Tag HTML Input dalam Borang

Anda boleh membuat butang teks yang disesuaikan dalam HTML menggunakan tag. The elemen digunakan dalam a

elemen.

Dengan menetapkan atribut jenis ke "butang," butang yang boleh diklik mudah dijana. Anda boleh menentukan teks yang akan muncul pada butang, seperti "Hantar," dengan menggunakan nilai atribut.

Sebagai contoh:

Perlu diketahui bahawa tag tidak akan menghantar borang HTML; anda masih perlu memasukkan JavaScript untuk mengendalikan penyerahan data borang. Tanpa JavaScript onclick acara, butang akan kelihatan boleh diklik tetapi tiada apa yang akan berlaku, dan anda akan kecewa dengan pembaca anda.

The

Walaupun menggunakan tag input untuk membuat butang berfungsi untuk tujuannya, ia adalah pilihan yang lebih baik untuk menggunakannya tag untuk membuat butang HTML laman web anda. The tag lebih fleksibel kerana ia membolehkan anda menggunakan imej untuk butang tersebut (yang membantu anda mengekalkan konsistensi visual jika tapak anda mempunyai tema reka bentuk), sebagai contoh, dan ia boleh ditakrifkan sebagai menyerahkan atau menetapkan semula butang jenis tanpa memerlukan tambahan JavaScript.

Anda akan mahu menentukan butang jenis atribut dalam mana-mana tag. Terdapat tiga jenis:

butang - Butang tidak mempunyai tingkah laku yang melekat tetapi digunakan bersama dengan skrip yang berjalan di sisi pelanggan yang boleh dilekatkan pada butang dan dilaksanakan apabila ia diklik.

menetapkan semula - Menetapkan semula semua nilai.

hantar - Butang menyerahkan data borang kepada pelayan (ini nilai lalai jika tiada jenis ditakrifkan).

Atribut lain termasuk:

nama - Memberikan butang nama rujukan.

nilai - Menentukan nilai yang pada mulanya diberikan kepada butang.

melumpuhkan - Mematikan butang.

HTML5 menambah beberapa atribut tambahan kepada
forma - Digunakan hanya dengan type = "submit" dan URL sebagai nilai, ia menentukan di mana data borang akan dihantar. Sebagai contoh:

formenctype - Digunakan hanya dengan type = "submit" atribut. Mendefinisikan bagaimana data bentuk dikodkan apabila dihantar ke pelayan. Ketiga-tiga nilai tersebut adalah permohonan / x-www-form-urlencoded (lalai), berbilang / data bentuk, dan teks / kosong.

formmethod - Digunakan hanya dengan type = "submit" atribut. Ini menentukan kaedah HTTP yang digunakan semasa menyerahkan data borang, sama ada dapatkan atau jawatan.

formnovalidate - Digunakan hanya dengan type = "submit" atribut. Data borang tidak akan disahkan apabila dihantar.

formtarget - Digunakan hanya dengan type = "submit" atribut. Ini menunjukkan di mana respons tapak harus dipaparkan apabila data borang dihantar, seperti dalam tetingkap baru, dan lain-lain. Pilihan nilai sama ada _blank, _self, _parent, _top, atau nama kerangka tertentu.

Jika anda menggunakan borang, anda mungkin mahu membaca tentang membuat butang dalam bentuk HTML, dan bagaimana membuat laman web anda lebih mesra pengguna.