Defnyddio'r Tag Mewnbwn HTML Tag a Botwm mewn Ffurflenni

Trwy osod y math o briodoldeb i "botwm," bydd botwm syml y gellir ei glicio yn cael ei greu. Gallwch ddiffinio'r testun a fydd yn ymddangos ar y botwm, fel "Cyflwyno," trwy ddefnyddio'r priodoldeb gwerth .

Er enghraifft:

Byddwch yn ymwybodol na fydd y tag yn cyflwyno ffurflen HTML; bydd angen i chi gynnwys JavaScript i fynd i'r afael â chyflwyno'r data ffurflen. Heb ddigwyddiad onclick JavaScript, ymddengys bod y botwm yn glicio ond ni fydd dim yn digwydd, a byddwch wedi rhwystredig eich darllenwyr.

Y botwm & lt; & gt; Tag Amgen

Er bod defnyddio'r dewis mewnbwn i greu botwm yn gweithio at ei ddiben, mae'n well opsiwn i ddefnyddio'r tag i greu botymau HTML eich gwefan. Mae'r tag yn fwy hyblyg oherwydd ei fod yn caniatáu i chi ddefnyddio delweddau ar gyfer y botwm (sy'n eich helpu i gadw cysondeb gweledol os oes gan eich safle thema ddylunio), er enghraifft, a gellir ei ddiffinio fel cyflwyno neu ailosod y botwm heb angen unrhyw JavaScript ychwanegol.

Byddwch am nodi'r priodwedd math botwm mewn unrhyw tagiau . Mae yna dri math gwahanol:

• botwm - Nid oes gan y botwm unrhyw ymddygiad cynhenid ​​ond fe'i defnyddir ar y cyd â sgriptiau sy'n rhedeg ar ochr y cleient y gellir eu hatodi i'r botwm a'u gweithredu pan glicir arni.
• ailosod - Ailosod pob gwerth.
• cyflwyno - Mae'r botwm yn cyflwyno data ffurf i'r gweinydd (mae hyn yn y gwerth diofyn os na ddiffinnir unrhyw fath).

Mae nodweddion eraill yn cynnwys:

• enw - Rhowch enw cyfeirnod at y botwm.
• gwerth - Yn pennu gwerth sydd i'w neilltuo i ddechrau i'r botwm.
• analluogi - Trowch oddi ar y botwm.

Mae HTML5 yn ychwanegu rhai nodweddion ychwanegol i'r tag sy'n rhoi mwy o ymarferoldeb i chi.

• autofocus - Pan fydd y dudalen yn llwytho, mae hyn yn nodi mai'r botwm hwn yw'r ffocws. Dim ond un awtomatig y gellir ei ddefnyddio ar dudalen.
• ffurflen - Cysylltwch y botwm gyda ffurflen o fewn yr un ddogfen HTML, gan ddefnyddio dynodwr y ffurflen fel y gwerth. Er enghraifft:
  • Cyflwyno
• ffurfiad - Defnyddir yn unig gyda type = "submit" ac URL fel y gwerth, mae'n nodi lle bydd data'r ffurflen yn cael ei anfon. Er enghraifft:
  • Cyflwyno data ffurf i dudalen arall
• formenctype - Defnyddir yn unig gyda phriodoledd = "cyflwyno" . Yn diffinio sut mae data'r ffurf yn cael ei amgodio pan fydd wedi'i gyflwyno i'r gweinydd. Y tri gwerthoedd yw application / x-www-form-urlencoded (default), multipart / form-data, a text / plain.
• formmethod - Defnyddir yn unig gyda phriodoledd = "cyflwyno" . Mae hyn yn pennu pa ddull HTTP i'w ddefnyddio wrth gyflwyno data'r ffurflen, naill ai'n cael neu ei bostio.
• formnovalidate - Defnyddir yn unig gyda phriodoledd = "cyflwyno" . Ni chaiff data'r ffurflenni ei ddilysu pan gyflwynir.
• formattarget - Defnyddir yn unig gyda phriodoledd = "cyflwyno" . Mae hyn yn dangos lle dylid dangos ymateb y safle pan gyflwynir data ffurf, fel mewn ffenestr newydd, ac ati. Mae'r opsiynau gwerth naill ai _blank, _self, _parent, _top, neu enw ffrâm penodol.

Os ydych chi'n defnyddio ffurflenni, efallai y byddwch am ddarllen ymlaen i wneud botymau mewn ffurflenni HTML , a sut i wneud eich safle'n fwy cyfeillgar i'r defnyddiwr.