HTML-sisendmärgi ja nupuvajutuse kasutamine vormides

Seades atribuudi tüübi "nupule", luuakse lihtsalt klõpsatav nupp. Võite määrata väärtuse atribuudi kasutades nupul kuvatava teksti, näiteks "Esita".

Näiteks:

Pidage meeles, et tag ei ​​anna HTML-vormi; peate ikkagi sisaldama JavaScripti vormi andmete esitamiseks. Ilma JavaScripti onclick sündmust tundub, et nupp on klikitav, kuid midagi ei juhtu, ja te olete petnud oma lugejaid.

& Lt; nupp & gt; Silt alternatiiv

Kuigi nupu loomiseks sisendmärgi kasutamine töötab selle otstarbel, on parema võimalus kasutada saidi HTML-nuppude loomiseks sildi . Sildi on paindlikum, kuna see võimaldab näiteks kasutada nupu pilte (mis aitab teil säilitada visuaalset järjepidevust, kui teie saidil on disaini teema), ja seda saab määratleda kui esitusnuppu või lähtestusnuppu ilma mingit täiendavat JavaScripti vaja.

Tahad täpsustada nupu tüübi atribuuti mis tahes

-märgis. On olemas kolm erinevat tüüpi:

• nupp - nupul ei ole olemuslikku käitumist, kuid seda kasutatakse koos kliendi poolel käivitatavate skriptidega, mida saab nupule kinnitada ja mida klõpsatakse klõpsamisel.
• lähtestamine - lähtestab kõik väärtused.
• submit - nupp esitab vormiandmeid serverile (see on vaikimisi väärtus, kui tüübist pole määratud).

Muud atribuudid on järgmised:

• nimi - annab nupule viitenumbri.
• väärtus - määrab väärtuse, mis tuleb algselt omistada nupule.
• keelata - lülitab nupu välja.

HTML5 lisab täiendavaid atribuute sildile

, mis annab teile suurema funktsionaalsuse.

• autofookus - lehe laadimisel määrab see, et see nupp on fookus. Lehel saab kasutada ainult ühte autofookust.
• vorm - ühendab samas vormingus HTML-dokumendis oleva nupuga vormi identifikaatori kui väärtuse. Näiteks:

Saada

Formaction - kasutatakse ainult tüüpi = "submit" ja URL-i kui väärtust, see määrab, kuhu vormiandmed saadetakse. Näiteks:

Saada vormi andmed teisele lehele

formenctype - Kasutatakse ainult atribuudiga type = "submit" . Määrab, kuidas vormi andmed kodeeritakse, kui seda serverisse saadetakse. Need kolm väärtust on application / x-www-form-urlencoded (vaikimisi), multipart / form-data ja text / plain.

formmethod - Kasutatakse ainult atribuudiga type = "submit" . See määrab, millist HTTP-meetodit vormivate andmete esitamisel kasutada saada või postitada.

formnovalidate - kasutatakse ainult tüübi "submit" atribuut. Vormi andmed ei ole nende esitamisel valideeritud.

formtarget - kasutatakse ainult tüübi "submit" atribuudiga. See näitab, kui vormiandmete esitamisel tuleb kuvada saidi vastus, näiteks uues aknas jne. Väärtusvalikud on kas _blank, _self, _parent, _top või konkreetse raami nimi.

Kui kasutate vorme, võiksite lugeda HTML-vormingus nuppude tegemise ja saidi kasutajasõbralikumaks muutmisega.