Input Tag kasutamine vormide edastamiseks
HTML-vormid on üks kõige põhilisemaid viise interaktiivsuse lisamiseks teie veebisaidile. Võite küsida küsimusi ja küsida vastuseid oma lugejatelt, anda täiendavat teavet andmebaasidest, seadistada mänge ja palju muud. On mitmeid HTML-elemente, mida saate vormide koostamiseks kasutada. Kui olete oma vormi üles ehitanud, on nende andmete saatmiseks serverisse või lihtsalt tegevuse alustamiseks alustamiseks palju erinevaid viise.
Need on mitmesugused viisid, kuidas oma vorme saata.
-
- See on kõige levinum meetod andmete saamiseks serverisse, kuid see võib olla väga lihtne.
-
- Kujutise kasutamine muudab teie esitusnupu sobitamise teie saidi stiiliga väga lihtsaks. Kuid mõned inimesed ei pruugi seda vaadata kui saatmisnuppu.
-
- Sildi INPUT nupp pakub palju samu valikuid nagu pildi INPUT-märgend, kuid näeb välja rohkem kui tavaline esitusviis. Selle aktiveerimiseks on vaja JavaScripti.
-
- BUTTON-märgend on mitmekülgsem nupu tüüp kui INPUT-märgend. See silt nõuab aktiveerimiseks Javacript'i.
-
- COMMAND element on HTML5-is uus ja see võimaldab aktiveerida skripte ja vorme seotud tegevustega. See on aktiveeritud JavaScriptiga.
INPUT Element
INPUT-element on kõige sagedasem vorm vormi saatmiseks, kõik, mida teete, on valida tüüp (nupp, pilt või saatmine) ja lisage vajadusel mõned vormingutegevusele esitatavad skriptid.
Element saab kirjutada täpselt nii. Kui aga teete, on erinevatel brauseritel erinevad tulemused. Enamik brauseritest moodustavad nupu, mis ütleb "Esitada", kuid Firefox teeb nupu, mis ütleb "Esita päring". Selle nupu ütlemiseks peate lisama atribuudi:
value = "Esita vorm">
Element on selline kirjutatud, kuid kui jätate välja kõik muud atribuudid, siis kõik, mis brauserites kuvatakse, on tühi hall nupp. Teksti lisamiseks nupule kasutage väärtuse atribuuti. Kuid see nupp ei esita vormi, kui te ei kasuta JavaScripti.
onclick = "submit ();">
See on sarnane nupu tüübile, mille jaoks vormi saatmiseks on vaja skripti. Välja arvatud teksti väärtuse asemel peate lisama pildi allika URL-i.
src = "submit.gif">
BUTTON-element
BUTTON-element nõuab nii avanemist kui ka sulgemiskoodi. Kui kasutate seda, lisatakse sildi sees olev sisu nupule. Seejärel aktiveerite nupuga skripti.
Esita vorm
Võite lisada oma nupule pildid või kombineerida pilte ja teksti, et luua huvitavam nupp.
Esita vorm
COMMAND element
COMMAND element on HTML5-ga uus. See ei nõua FORMi kasutamist, kuid see võib toimida vormi edastamise nupuna. See element võimaldab teil luua rohkem interaktiivseid lehti, nõudmata vormide kasutamist, välja arvatud juhul, kui vormid on tõesti vajalikud. Kui soovite, et käsk midagi öelda, kirjutad selle teabe märgi atribuudis.
label = "Esita vorm">
Kui soovite, et teie käsk kujutab pilti, kasutate ikooni atribuuti.
icon = "submit.gif">
See artikkel on osa HTML-vormingute juhendist. Lugege läbi täielik juhendaja, et õppida, kuidas HTML-vorme kasutada.
HTML-vormingus on mitmel erineval viisil esitamise võimalus, nagu olete eelnevas lehel õppinud. Kaks neist meetoditest on INPUT-kood ja BUTTON-märgend. Mõlema elemendi kasutamiseks on mõjusad põhjused.
INPUT Element
Silt on vormi edastamise lihtsaim viis. See ei nõua midagi enamat kui silt ise ega isegi väärtust. Kui klient klõpsab nupule, esitab see automaatselt. Te ei pea skripte lisama, brauserid teavad, et vormi saata, kui klõpsatakse sisestatud INPUT-märgendi nimele.
Probleemiks on see, et see nupp on väga kole ja selge. Te ei saa sellele pilte lisada. Seda saab stiili sarnaselt mis tahes muu elemendiga, kuid see võib ikkagi tunduda nagu inetu nupp.
Kasutage meetodit INPUT, kui teie vorm peab olema aktiveeritav isegi brauserites, millel on JavaScript välja lülitatud.
BUTTON-element
BUTTON-element pakub rohkem vorme esitamise võimalusi. Võite panna midagi BUTTON-elemendi sisse ja muutma selle saatmisnupuks. Kõige sagedamini kasutavad inimesed pilte ja teksti. Kuid võite luua DIV-i ja teha see kogu asi sisestusnupuga, kui soovite.
BUTTON-i elemendi suurimaks puuduseks on see, et vorm ei esitata automaatselt. See tähendab, et selle aktiveerimiseks peab olema teatud tüüpi skript. Nii et see on vähem ligipääsetav kui INPUT-meetod. Iga kasutaja, kellel puudub JavaScript on sisse lülitatud, ei saa selle saatmiseks vormi esitada ainult BUTTON-elemendiga.
Kasutage BUTTON-meetodit vorme, mis ei ole nii kriitilised. Samuti on see suurepärane viis ühe vormi täiendavate esitusvalikute lisamiseks.
See artikkel on osa HTML-vormingute juhendist . Lugege seda, et saada lisateavet HTML-vormingute kasutamise kohta