Menggunakan Tag Input dan Teg HTML pada Borang

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

Sebagai contoh:

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

Butang & lt; & gt; Alternatif Tag

Walaupun menggunakan tag input untuk membuat butang berfungsi untuk tujuannya, ia adalah pilihan yang lebih baik untuk menggunakan tag untuk membuat butang HTML laman web anda. Tag lebih fleksibel kerana ia membolehkan anda menggunakan imej untuk butang (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 sebarang JavaScript tambahan.

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

• butang - Butang tidak mempunyai tingkah laku yang melekat tetapi digunakan bersama dengan skrip yang berjalan pada sisi pelanggan yang boleh dilampirkan pada butang dan dilaksanakan apabila ia diklik.
• reset - Mengeset semula semua nilai.
• submit - Butang menyerahkan data borang ke pelayan (ini nilai default jika tidak ada jenis yang ditentukan).

Atribut lain termasuk:

• nama - Memberikan butang nama rujukan.
• nilai - Menentukan nilai yang pada mulanya diberikan kepada butang.
• lumpuhkan - Menutup butang.

HTML5 menambah beberapa atribut tambahan pada tag yang memberi anda lebih banyak fungsi.

• autofokus - Apabila halaman dimuatkan, ini menentukan bahawa butang ini adalah tumpuan. Hanya satu autofocus yang boleh digunakan pada halaman.
• borang - Bersekutu butang dengan borang dalam dokumen HTML yang sama, menggunakan pengenalpastian borang sebagai nilai. Sebagai contoh:
  • Submit
• forma - Digunakan hanya dengan jenis = "submit" dan URL sebagai nilai, ia menentukan di mana data borang akan dihantar. Sebagai contoh:
  • Hantar data borang ke laman lain
• formenctype - Digunakan hanya dengan atribut jenis = "submit" . Mendefinisikan bagaimana data bentuk dikodkan apabila dihantar ke pelayan. Ketiga nilai adalah aplikasi / x-www-form-urlencoded (lalai), berbilang / bentuk-data, dan teks / kosong.
• formmethod - Digunakan hanya dengan atribut jenis = "submit" . Ini menentukan kaedah HTTP yang digunakan apabila menyerahkan data borang, sama ada mendapatkan atau pos.
• formnovalidate - Digunakan hanya dengan atribut jenis = "submit" . Data borang tidak akan disahkan apabila dihantar.
• formtarget - Digunakan hanya dengan atribut jenis = "submit" . 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 frame tertentu.

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