Notaðu inntakstakka til að senda eyðublöð
HTML eyðublöð eru ein af helstu leiðum til að bæta við gagnvirkni við vefsvæðið þitt. Þú getur stillt spurningar og leitað svör frá lesendum þínum, gefðu viðbótarupplýsingar frá gagnagrunni, settu upp leiki og fleira. Það eru nokkur HTML þættir sem þú getur notað til að byggja upp eyðublöðin þín. Og þegar þú hefur byggt upp eyðublað þitt, þá eru margar mismunandi leiðir til að leggja fram gögnin á netþjóninn eða bara byrja að hefja formgerðina.
Þetta eru nokkrar leiðir til að senda inn eyðublöðin þín:
-
- Þetta er algengasta aðferðin við að fá gögn á netþjóninn, en það getur verið mjög látlaust útlit.
-
- Með því að nota mynd gerir það mjög auðvelt að láta senda hnappinn passa við stíl vefsvæðis þíns. En sumt fólk gæti ekki viðurkennt það sem innsendaknapp.
-
- Hnappurinn INPUT-tag gefur mikið af sömu valkostum og INPUT-myndinni, en lítur meira út eins og venjuleg innsláttartegund. Það krefst JavaScript til að virkja.
-
- BUTTON merkið er fjölhæfur tegund af hnappi en INPUT merkið. Þetta merki krefst þess að Javacript virki.
-
- COMMAND frumefni er nýtt í HTML5 og það veitir leið til að virkja forskriftir og eyðublöð með tengdum aðgerðum. Það er virkjað með JavaScript.
The INPUT Element
INPUT-þátturinn er algengasta leiðin til að senda inn eyðublað, allt sem þú velur er að velja tegund (hnappur, mynd eða senda inn) og ef nauðsyn krefur, bæta við forskriftarþarfir til að leggja fram formgerðina.
value = "Senda form">
Einingin er skrifuð svona, en ef þú sleppir öllum öðrum eiginleikum er allt sem birtist í vöfrum tómt, gráur hnappur. Til að bæta við texta við hnappinn, notaðu gildi eiginleiki. En þessi hnappur sendir ekki eyðublaðið nema þú notir JavaScript.
onclick = "submit ();">
Það er svipað og hnappategundin, sem þarf handrit til að leggja fram eyðublaðið. Nema það í stað texta gildi, þú þarft að bæta við mynd uppspretta URL.
src = "submit.gif">
BUTTON Element
BUTTON-þátturinn krefst bæði opnunarmerkis og lokunarmerki. Þegar þú notar það mun efni sem þú hleður inn í merkið fylgja með hnappi. Þá virkjar þú hnappinn með handriti.
Sendu inn eyðublaðið
Þú getur tekið myndir í hnappinn eða sameinað myndir og texta til að búa til fleiri áhugaverðan hnapp.
Sendu inn eyðublaðið
The COMMAND Element
COMMAND frumefni er nýtt með HTML5. Það krefst þess ekki að nota formi, en það getur virkað sem innhólfshnappur fyrir form. Þessi þáttur gerir þér kleift að búa til fleiri gagnvirka síður án þess að þurfa eyðublöð nema þú þurfir virkilega eyðublöð. Ef þú vilt skipunina til að segja eitthvað skrifar þú upplýsingarnar í merki eiganda.
merki = "Senda form">
Ef þú vilt skipun þína til að vera fulltrúi með mynd notarðu táknið.
icon = "submit.gif">
Þessi grein er hluti af HTML Forms Tutorial. Lesið í gegnum námsleiðina til að læra hvernig á að nota HTML skjöl.
HTML skjöl hafa nokkrar mismunandi leiðir til að senda inn, eins og þú hefur lært á fyrri síðunni. Tvær af þessum aðferðum eru INPUT-merkið og KNUTT-merkið. Það eru góðar ástæður til að nota bæði þessi atriði.
The INPUT Element
Merkið er auðveldasta leiðin til að senda inn eyðublöð. Það krefst ekkert um merkið sjálft, ekki einu sinni gildi. Þegar viðskiptavinur smellir á hnappinn sendir hann sjálfkrafa. Þú þarft ekki að bæta við neinum skriftum. Vafrar vita að senda eyðublaðið þegar innsláttarmerki er smellt á.
Vandamálið er að þessi hnappur er mjög ljótur og látlaus. Þú getur ekki bætt við myndum við það. Þú getur stíll það eins og allir aðrir þáttir, en það getur samt verið eins og ljót hnappur.
Notaðu INPUT aðferðina þegar eyðublað þitt verður að vera tiltækt, jafnvel í vafra sem hafa slökkt á JavaScript.
BUTTON Element
BUTTON-þátturinn býður upp á fleiri möguleika til að senda inn eyðublöð. Þú getur sett nokkuð inni í HNUTA EININGU og breytt því í sendanhnapp. Algengast er að fólk noti myndir og texta. En þú getur búið til DIV og gert það allt sem er að senda inn hnappinn ef þú vilt.
Stærsti galli við takkinn er að hann sendir ekki sjálfkrafa eyðublaðið sjálfkrafa. Þetta þýðir að það þarf að vera einhvers konar handrit til að virkja það. Og svo er það minna aðgengilegt en INPUT aðferðin. Allir notendur sem ekki hafa kveikt á JavaScript verður ekki hægt að senda inn eyðublað með aðeins BUTTON atriði til að senda það inn.
Notaðu BUTTON aðferðina á eyðublöðum sem eru ekki eins mikilvægar. Einnig er þetta frábær leið til að bæta við fleiri uppgjöfarmöguleikum á einum formi.
Þessi grein er hluti af HTML Forms Tutorial . Lestu það til að læra meira um hvernig á að nota HTML skjöl