Paglikha ng Mga Pindutan Paggamit ng Mga Input ng HTML sa Mga Form

Maaari kang lumikha ng napapasadyang mga pindutan ng teksto sa HTML gamit ang tag. Ang Ang sangkap ay ginagamit sa loob ng isang

elemento.

Sa pamamagitan ng pagtatakda ng katangian uri sa "button," isang simpleng button na naki-click ang bubuo. Maaari mong tukuyin ang teksto na lilitaw sa pindutan, tulad ng "Magsumite," sa pamamagitan ng paggamit ng halaga katangian.

Halimbawa:

Magkaroon ng kamalayan na ang Ang tag ay hindi magsusumite ng isang HTML form; kailangan mo pa ring isama ang JavaScript upang mahawakan ang pagsusumite ng data ng form. Walang JavaScript onclick kaganapan, ang pindutan ay lilitaw na naki-click ngunit walang mangyayari, at ikaw ay bigo ang iyong mga mambabasa.

Ang

Kahit na gamit ang input tag upang lumikha ng isang pindutan ay gumagana para sa layunin nito, ito ay isang mas mahusay na pagpipilian upang gamitin ang tag upang lumikha ng iyong mga pindutan ng HTML ng website. Ang ang tag ay mas nababaluktot dahil pinapayagan nito na gumamit ka ng mga larawan para sa pindutan (na tumutulong sa iyo na mapanatili ang pare-pareho na pare-pareho kung ang iyong site ay may tema ng disenyo), halimbawa, at maaaring ito ay tinukoy bilang isang isumite o i-reset ang uri ng button nang hindi nangangailangan ng anumang dagdag JavaScript.

Gusto mong tukuyin ang pindutan uri katangian sa anuman mga tag. May tatlong magkakaibang uri:

na pindutan - Ang pindutan ay walang likas na pag-uugali ngunit ginagamit kasama ng mga script na tumatakbo sa client-side na maaaring naka-attach sa pindutan at maipatupad kapag ito ay na-click.

i-reset - Nire-reset ang lahat ng mga halaga.

ipasa - Ang pindutan ay nagsumite ng data form sa server (ito ang default na halaga kung walang uri ay tinukoy).

Kabilang sa iba pang mga katangian ang:

pangalan - Binibigyan ang pindutan ng isang reference na pangalan.

halaga - Tinutukoy ang isang halaga na unang itinalaga sa pindutan.

huwag paganahin - Lumiliko ang pindutan.

Nagdagdag ang HTML5 ng ilang karagdagang mga katangian sa
pagbabalangkas - Ginamit lamang sa type = "submit" at isang URL bilang halaga, tinutukoy nito kung saan ipapadala ang data ng form. Halimbawa:

formenctype - Ginamit lamang sa type = "submit" katangian. Tinutukoy kung paano naka-encode ang data ng form kapag isinumite sa server. Ang tatlong mga halaga ay application / x-www-form-urlencoded (default), multipart / form-data, at teksto / plain.

formmethod - Ginamit lamang sa type = "submit" katangian. Tinutukoy nito kung aling paggamit ng HTTP kapag nagsusumite ng data ng form, alinman kumuha o post.

formnovalidate - Ginamit lamang sa type = "submit" katangian. Ang data ng form ay hindi napatunayan kapag isinumite.

formtarget - Ginamit lamang sa type = "submit" katangian. Ipinapahiwatig nito kung saan dapat ipakita ang tugon ng site kapag isinumite ang data ng form, tulad ng sa isang bagong window, atbp. Ang mga pagpipilian sa halaga ay alinman _blank, _self, _parent, _top, o isang partikular na pangalan ng frame.

Kung gumagamit ka ng mga form, baka gusto mong basahin ang paggawa ng mga pindutan sa mga form sa HTML, at kung paano gawing mas madaling gamitin ang iyong site.