Paggamit ng HTML Input Tag at Pindutang Tag sa Mga Form

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

Halimbawa:

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

Ang & lt; pindutan & gt; Tag Alternatibong

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 website HTML na mga pindutan. Ang na tag ay mas nababaluktot dahil pinapayagan nito na gumamit ka ng mga larawan para sa pindutan (na tumutulong na mapanatili mo ang visual 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 karagdagang JavaScript.

Gusto mong tukuyin ang attribute ng uri ng pindutan sa anumang

na mga tag. May tatlong magkakaibang uri:

• button - 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 naisakatuparan kapag ito ay nag-click.
• i-reset - Nire-reset ang lahat ng mga halaga.
• Isumite - Ang pindutan ay nagsumite ng form ng data 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 - Ino-off ang pindutan.

Nagdagdag ang HTML5 ng ilang karagdagang mga katangian sa

tag na nagbibigay sa iyo ng mas maraming pag-andar.

• autofocus - Kapag nag-load ang pahina, tinutukoy nito na ang buton na ito ay ang focus. Isang autofocus lamang ang magagamit sa isang pahina.
• form - Pinagsama ang pindutan na may isang form sa loob ng parehong dokumento ng HTML, gamit ang tagatukoy ng form bilang halaga. Halimbawa:

Submit

formaction - Gamit lamang sa uri = "isumite" at isang URL bilang ang halaga, tinutukoy nito kung saan ipapadala ang data ng form. Halimbawa:

Isumite ang data ng form sa isa pang pahina

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

formmethod - Ginamit lamang sa uri = "isumite" na katangian. Tinutukoy nito kung aling pamamaraan ng HTTP ang gagamitin kapag nagsusumite ng data ng form, alinman sa makakuha o mag- post.

formnovalidate - Ginamit lamang gamit ang uri = "isumite" na katangian. Ang data ng form ay hindi napatunayan kapag isinumite.

formtarget - Ginamit lamang sa uri = "isinumite" na 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 sa _blank, _self, _parent, _top, o isang tukoy 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.