Input Tag erabiliz inprimakiak bidaltzeko
HTML formak zure webguneko interaktibitatea gehitzeko modu funtsezkoenetako bat dira. Galderak egin ditzakezu eta zure irakurleen erantzunak eska ditzakezu, informazio gehiago ematen dute datu-baseetatik, konfiguratu jolasetatik eta askoz gehiago. Formak eraikitzeko erabil ditzakezun HTML elementu ugari daude. Eta zure inprimakia eraiki duzunean, datu horiek zerbitzarira bidaltzeko modu ugari daude edo inprimakiak martxan jartzen hasiz gero.
Hauek dira zure inprimakiak bidaltzeko hainbat modu:
-
- Zerbitzariari datuak lortzeko ohikoena den metodoa da, baina itxura oso arrunta izan daiteke.
-
- Irudi bat erabiltzea oso erraza da zure bidalketa botoia zure webgunearen estiloarekin egokitzea. Baina jende batzuek ezingo dute bidali botoi gisa.
-
- INPUT etiketaren botoia INPUT etiketa duen aukera berdina eskaintzen du, baina mota estandarraren itxura baino gehiago dirudi. JavaScript aktibatu behar da.
-
- BUTTON etiketa INPUT etiketa baino botoi mota gehiago da. Etiketa honek Javacript aktibatu behar du.
-
- COMMAND elementua HTML5-n berria da, eta lotutako ekintzak dituzten gidoiak eta formatuak aktibatzeko modu bat eskaintzen du. JavaScript aktibatuta dago.
INPUT elementua
INPUT elementua inprimaki bat bidaltzeko modu arruntena da, mota guztietako aukerak (botoia, irudia edo aurkezpena) aukeratu behar dira, eta behar izanez gero, script-a gehitu inprimaki ekintza batera bidaltzeko.
elementua honela idatzi daiteke. Baina egiten baduzu, hainbat emaitza izango dituzu arakatzaile desberdinetan. Nabigatzaile gehienek "Bidali" dioen botoi bat egiten dute, baina Firefoxek "Bidali kontsulta" botoia dioen botoiarekin. Botoiaren zer esan aldatzeko, atributu bat gehitu behar duzu:
value = "Bidali formularioa">
Elementua honela idazten da, baina beste atributu guztiak baztertzen badituzu, nabigatzaileetan bistaratuko den guztia botoi gris hutsa da. Testua botoiari gehitzeko, erabili balioaren atributua. Botoi honek ez du formularioa bidaliko JavaScript erabiltzen ez baduzu.
onclick = "aurkeztu ();">
Botoi mota antzekoa da, inprimakia bidaltzeko script bat behar du. Testuaren balioaren ordez, irudiaren iturriaren URLa gehitu behar duzu.
src = "submit.gif">
BUTTON elementua
BUTTON elementuak irekitze etiketa bat eta itxiera etiketa bat behar ditu Noiz erabiltzen duzunean, etiketa barruan dauden edukiak botoi batean agertuko dira. Ondoren, botoia script batekin aktibatzen da.
Bidali formularioa
Zure botoian irudiak gehi ditzakezu edo irudiak eta testuak konbinatu botoi interesgarriagoa sortzeko.
Bidali formularioa
Komandoaren elementua
COMMAND elementua HTML5rekin berria da. Ez du FORM bat erabili behar, baina inprimaki baten bidalketa-botoi gisa jardun dezakezu. Elementu honek orri interaktiboak sortzeko aukera ematen du inprimakiak behar ez dituzunean beharrik gabe. Komandoak zerbait esatea nahi baduzu, informazioa etiketa atributu batean idazten baduzu.
label = "Bidali formularioa">
Zure komandoa irudiarekin irudikatzea nahi baduzu, ikonoaren atributua erabiltzen duzu.
icon = "submit.gif">
Artikulu hau HTML Inprimakien Tutoretza orrian dago. Irakurri tutorial osoa HTML formak nola erabili ikasteko.
HTML formatuek aurreko orrialdetik ikasitako moduan bidaltzeko modu ezberdinak dituzte. Bi metodo hauek INPUT etiketa eta BUTTON etiketa dira. Arrazoi onak daude bi elementu horiek erabiltzeko.
INPUT elementua
Etiketa inprimaki bat bidaltzeko modurik errazena da. Etiketa beraren gainetik ez da ezer eskatzen, ezta balio bat ere. Bezeroak botoiaren gainean klik egiten duenean, automatikoki bidaltzen du. Ez duzu gidoirik gehitu beharrik, nabigatzaileek formularioa bidaltzeko bidali INPUT etiketa bat sakatzen denean.
Arazoa da botoi hau oso itsusia eta arrunta dela. Ezin dituzu irudiak gehitu. Beste edozein elementu bezala estilo dezakezu, baina botoi itsusi bat ere badago.
Erabili INPUT metodoa zure inprimakia eskuragarria izan behar du JavaScript desgaituta duten nabigatzaileetan ere.
BUTTON elementua
BUTTON elementuak inprimakiak bidaltzeko aukera gehiago eskaintzen ditu. BOTO elementuaren barruan zerbait jar dezakezu eta bidali botoian. Jende gehienak irudiak eta testuak erabiltzen ditu. DIV bat sor dezakezu eta bidal ezazu botoi osoa gauza hori nahi baduzu.
BUTTON elementuaren desabantaila handiena ez da automatikoki bidaltzen. Horrek esan nahi du script-mota batzuk aktibatu behar direla. Beraz, INPUT metodoa baino gutxiagokoa da. JavaScript aktibatu ez duen edozein erabiltzailek ezin izango du inprimakia bidali BUTTON elementu bakarra bidaltzeko.
Erabili BUTTON metodoa ez diren inprimaki gisa. Era berean, modu osagarrian inprimatzeko aukera osagarriak gehitzeko modu bikaina da.
Artikulu hau HTML Inprimakien Tutoretza orrian dago . Irakurri HTML formak nola erabili jakiteko