Nggunakake Tag Input lan Tombol Tag HTML ing Formulir

Sampeyan bisa nggawe tombol teks sing bisa diowahi ing HTML nggunakake tag . Unsur digunakake ing

elemen.

Kanthi ngeset jinis atribut menyang "tombol", tombol sing bisa diklik tombol prasaja bakal dibentuk. Sampeyan bisa nemtokake teks sing bakal katon ing tombol, kayata "Kirim," kanthi nggunakake atribut nilai .

Tuladhane:

Elinga yen tag ora bakal ngirim formulir HTML; sampeyan isih perlu nyakup JavaScript kanggo nangani submission data formulir. Tanpa acara onclick JavaScript, tombol bakal katon minangka clickable nanging ora ana sing bakal kelakon, lan sampeyan bakal duwe frustrasi pembaca sampeyan.

Tombol & lt; gt; Tag Alternatif

Sanajan nggunakake tag input kanggo nggawe tombol sing dianggo kanggo tujuane, iku pilihan sing luwih apik kanggo nggunakake tag kanggo nggawe tombol HTML situs web sampeyan. Tag luwih fleksibel amarga ngidini sampeyan nggunakake gambar kanggo tombol (sing mbantu sampeyan nglindhungi konsistensi visual yen situs sampeyan nduweni tema desain), contone, lan bisa ditemtokake minangka ngirim utawa ngreset jinis tombol tanpa perlu ekstra JavaScript.

Sampeyan bakal pengin nemtokake atribut jinis tombol ing sembarang <товч> tag. Ana telung jinis:

  • tombol - Tombol ora nduweni prilaku sing wujud nanging digunakake sajroning skrip sing mlaku ing sisi klien sing bisa ditempelake ing tombol lan dileksanakake nalika diklik.
  • reset - Resets all values.
  • submit - Tombol ngirim data formulir menyang server (iki minangka standar minangka standar yen ora ditemtokake).

Atribut liyane kalebu:

  • jeneng - menehi tombol jeneng referensi.
  • Nilai - Ndudohake nilai sing pisanan ditugasake ing tombol kasebut.
  • mateni - Nguripake tombol.

HTML5 nambah sawetara atribut tambahan menyang tag sing menehi fungsi liyane.

  • autofokus - Nalika mbukak kaca, iki nemtokake yen tombol iki minangka fokus. Mung siji autofokus sing bisa digunakake ing kaca.
  • form - Associates tombol kanthi formulir ing dokumen HTML sing padha, nggunakake pengenal bentuk minangka nilai kasebut. Tuladhane:
  • formaction - Digunakake mung nganggo tipe = "submit" lan URL minangka nilai, nemtokake lokasi data formulir bakal dikirim. Tuladhane:
  • formenctype - Digunakna mung mawa atribut = "kirim" . Nemtokake carane form data sing bakal dienkode nalika dikirim menyang server. Nilai telu yaiku aplikasi / x-www-form-urlencoded (default), multipart / form-data, lan teks / kosong.
  • formmethod - Digunakna mung kanthi atribut type = "submit" . Iki nemtokake cara HTTP bisa digunakake nalika ngirim data formulir, entuk utawa ngirim.
  • formnovalidate - Digunakna mung nganggo atribut = "kirim" . Data Formulir ora bakal divalidasi nalika dikirim.
  • formtarget - Digunakna mung mawa atribut = "kirim" . Iki nuduhake lokasi respon situs kudu ditampilake nalika data formulir dikirim, kayata ing jendela anyar, lan liya-liyane. Opsi nilai kasebut yaiku salah siji _blank, _self, _parent, _top, utawa jeneng frame tartamtu.

Yen sampeyan nggunakake formulir, sampeyan bisa maca babagan nggawe tombol ing formulir HTML , lan cara nggawe situs sampeyan luwih apik.