Paggamit sa HTML Input Tag ug Button Tag sa Mga Porma

Pinaagi sa paghimo sa type attribute ngadto sa "button," usa ka yano nga clickable button ang makuha. Mahimo nimo matino ang teksto nga makita sa buton, sama sa "Pagsumiter," pinaagi sa paggamit sa bili nga hiyas.

Pananglitan:

Hunahunaa nga ang tag dili mosumiter sa usa ka HTML nga porma; kinahanglan gihapon nimo ilakip ang JavaScript aron pagdumala sa pagpasa sa datos sa porma. Kung wala ang JavaScript nga onclick nga panghitabo, ang button mopatim-aw nga mahimong ma-click apan walay mahitabo, ug mapakyas ka sa imong mga magbabasa.

Ang & lt; button & gt; Tag Alternative

Bisag gamiton ang input tag aron makamugna ang usa ka butang nga gigamit alang sa katuyoan niini, mas maayo nga kapilian ang paggamit sa tag aron paghimo sa imong website HTML nga mga buton. Ang nga tag mas sayon ​​tungod kay kini nagtugot kanimo sa paggamit sa mga hulagway alang sa buton (nga makatabang kanimo sa pagpreserbar sa pagkahan-ay nga hulagway kon ang imong site adunay usa ka tema sa disenyo), pananglitan, ug kini mahimong gihubit ingon nga usa ka pagsumite o pag-reset nga tipo sa button nga walay gikinahanglan nga dugang nga JavaScript.

Buot nimong itakda ang tipikal nga hiyas sa butang sa bisan unsang

tags. Adunay tulo ka lain-laing matang:

• button - Ang button wala'y kinaiya nga kinaiya apan gigamit kauban sa mga script nga nagdagan sa client-side nga mahimong gilakip sa buton ug gipatuman kung kini gikuptan.
• reset - Pag-reset sa tanang mga hiyas.
• Isumiter - Ang butang nga gipadala magporma og data ngadto sa server (kini ang default nga bili kon walay klase ang gipasabut).

Ang ubang mga hiyas naglakip sa:

• ngalan - Gihatag ang button usa ka reference ngalan.
• bili - Nagtino sa usa ka bili nga sa sinugdanan ibutang sa button.
• pag-disable - Gibalik ang button.

Nagdugang ang HTML5 sa pipila ka mga dugang nga mga hiyas sa

tag nga makahatag kanimo og dugang nga gamit.

• autofocus - Sa diha nga ang pahina nag-load, kini nagtino nga kini nga buton mao ang focus. Usa lamang ka autofocus ang mahimong gamiton sa usa ka panid.
• porma - Gihimo ang butang nga may usa ka porma sulod sa sama nga dokumento sa HTML, gamit ang identifier sa porma ingon nga bili. Pananglitan:

Submit

formaction - Gigamit lamang sa type = "submit" ug usa ka URL isip ang bili, kini nagtino kung asa ipadala ang datos sa dagway. Pananglitan:

Isumiter ang data sa dagway ngadto sa laing panid

formenctype - Gigamit lamang sa type = "isumiter" nga hiyas. Gihubit kon unsaon nga ma-encode ang datos sa porma kon isumite sa server. Ang tulo ka mithi mao ang application / x-www-form-urlencoded (default), multipart / form-data, ug text / plain.

formmethod - Gamit lamang sa type = "submit" nga hiyas. Kini nagtino kung diin nga pamaagi sa HTTP nga gamiton sa pagsumite sa datos sa porma, mahimong makuha o ibutang .

formnovalidate - Gigamit lamang sa type = "isumiter" nga hiyas. Ang datos sa porma dili balido kon isumite.

formtarget - Gamit lamang sa type = "submit" nga hiyas. Kini nagpakita kung diin ang tubag sa site kinahanglan ipakita kung ang datos nga gisumite gisumite, sama sa usa ka bag-o nga bintana, ug uban pa. Ang mga kapilian sa bili mao ang _blank, _self, _parent, _top, o usa ka piho nga ngalan sa frame.

Kon nagagamit ka ug mga porma, tingali gusto nimo nga magbasa sa paghimo sa mga butones sa mga porma sa HTML , ug kung unsaon paghimo nga mas mahigalaon ang imong site.