Fè bouton HTML sou Fòm

Sèvi ak Tag la Antre pou Soumèt Fòm yo

HTML fòm yo se youn nan fason ki pi fondamantal yo ajoute interactivité sou sit entènèt ou an. Ou ka poze kesyon epi mande repons yo nan lektè ou, bay enfòmasyon adisyonèl nan baz done, mete kanpe jwèt, ak plis ankò. Gen yon nimewo nan eleman HTML ou ka itilize yo bati fòm ou. Ak yon fwa ou te bati fòm ou an, gen anpil diferan fason yo soumèt ke done nan sèvè a oswa jis kòmanse aksyon an fòm kouri.

Sa yo se plizyè fason ou ka soumèt fòm ou:

• • Sa a se metòd ki pi komen pou trape done nan sèvè a, men li ka trè plenn kap.
• • Lè l sèvi avèk yon imaj fè li trè fasil fè soumèt bouton ou anfòm ak style la nan sit ou. Men, gen kèk moun ki pa ka rekonèt li kòm yon bouton soumèt.
• • Bouton INPUT tag la bay anpil nan opsyon yo menm jan ak imaj la INPUT tag, men sanble plis tankou kalite a soumèt estanda. Li mande JavaScript yo sa aktive.
• • Etikèt la BUTTON se yon kalite plis versatile nan bouton pase tag nan INPUT. Sa a tag mande pou Javacript aktive.
• • Eleman nan COMMAND se nouvo nan HTML5, epi li bay yon fason yo aktive Scripts ak fòm ak aksyon ki asosye. Li aktive ak JavaScript.

ELÈV LA ENPÒT

Eleman INPUT se fason ki pi komen yo soumèt yon fòm, tout sa ou fè se chwazi yon kalite (bouton, imaj, oswa soumèt) epi si sa nesesè ajoute kèk scripting soumèt nan aksyon an fòm.

Kalite eleman ka ekri jis tankou sa. Men, si ou fè, ou pral gen rezilta diferan nan navigatè diferan. Pifò navigatè fè yon bouton ki di "Soumèt," men Firefox fè yon bouton ki di "Soumèt demann." Pou chanje sa bouton an di, ou ta dwe ajoute yon atribi:

valè = "Soumèt Fòm">

Eleman an se tankou sa, men si ou kite tout lòt atribi, tout sa ki ap montre nan navigatè se yon bouton gri vid. Pou ajoute tèks sou bouton an, itilize atribi valè a. Men, bouton sa a pa pral soumèt fòm lan sof si ou itilize JavaScript.

onclick = "soumèt ();">

Se menm jan ak kalite bouton, ki bezwen yon script pou soumèt fòm lan. Eksepte ke olye pou yo yon valè tèks, ou bezwen ajoute yon URL sous URL.

src = "submit.gif">

Eleman nan bouton

Eleman nan bouton mande pou tou de yon ouvèti tagand yon tag fèmen Lè ou itilize li, nenpòt kontni ou fèmen andedan tag la ap fèmen nan yon bouton. Lè sa a, ou aktive bouton an ak yon script.

Soumèt Fòm

Ou ka gen ladan imaj nan bouton ou a oswa konbine imaj ak tèks yo kreye yon bouton plis enteresan.

Soumèt Fòm

Eleman nan COMMAND

Eleman COMMAND se nouvo ak HTML5. Li pa mande pou yon FÒM yo dwe itilize, men li ka aji kòm yon bouton soumèt pou yon fòm. Eleman sa a pèmèt ou kreye plis entèaktif paj san yo pa egzije fòm si ou reyèlman bezwen fòm. Si ou vle lòd la yo di yon bagay, ou ekri enfòmasyon an nan yon atribi etikèt.

etikèt = "Soumèt Fòm">

Si ou vle lòd ou yo dwe reprezante pa yon imaj, ou itilize atribi nan icon.

icon = "submit.gif">

Atik sa a se yon pati nan Tutorial HTML Forms. Li nan leson patikilye a plen pou aprann kijan pou yo itilize fòm HTML.

HTML fòm gen plizyè fason diferan pou soumèt, menm jan ou te aprann nan paj anvan an. De nan metòd sa yo se tag la INPUT ak tag nan bouton. Gen bon rezon pou yo itilize toulède eleman sa yo.

ELÈV LA ENPÒT

Tag la se fason ki pi fasil yo soumèt yon fòm. Li mande pou pa gen anyen pi lwen pase tag nan tèt li, pa menm yon valè. Lè yon kliyan klik sou bouton an, li soumèt otomatikman. Ou pa bezwen ajoute nenpòt ki Scripts, navigatè yo konnen yo soumèt fòm lan lè yon soumèt INPUT tag klike.

Pwoblèm lan se ke bouton sa a se trè lèd ak plenn. Ou pa ka ajoute imaj li. Ou ka style li jis tankou nenpòt lòt eleman, men li ka toujou santi tankou yon bouton lèd.

Sèvi ak metòd la INPUT lè fòm ou a dwe aksesib menm nan navigatè ki gen JavaScript etenn.

Eleman nan bouton

Eleman nan bouton ofri plis opsyon pou soumèt fòm. Ou ka mete anyen andedan yon eleman BOUTON ak vire l 'nan yon bouton soumèt. Pifò souvan moun sèvi ak imaj ak tèks. Men, ou ta ka kreye yon DIV ak fè ke tout bagay yon bouton soumèt si ou te vle.

Dezavantaj nan pi gwo eleman an bouton se ke li pa otomatikman soumèt fòm nan. Sa vle di gen bezwen gen kèk kalite script yo sa aktive li. Se konsa, li se mwens aksesib pase metòd la INPUT. Nenpòt itilizatè ki pa gen JavaScript vire sou pa yo pral kapab soumèt yon fòm ak sèlman yon eleman bouton yo soumèt li.

Sèvi ak metòd la BUTTON sou fòm ki pa tankou kritik. Epitou, sa a se yon bon fason yo ajoute opsyon soumèt adisyonèl nan yon sèl fòm.

Atik sa a se yon pati nan Tutorial HTML Forms . Li li aprann plis sou fason pou itilize fòm HTML