Siv Cov Tswv Yim Tag Nrho Xa Mus Rau
Cov ntaub ntawv HTML yog ib qho ntawm cov kev yooj yim tshaj plaws los pab ntxiv rau koj lub vev xaib. Koj tuaj yeem nug cov lus nug thiab teb cov lus teb los ntawm koj cov neeg nyeem, muab cov ntaub ntawv ntxiv los ntawm cov kev sib txuas lus, teeb tsa kev ua si, thiab ntau dua. Muaj ntau cov ntsiab lus HTML uas koj siv tau los tsim koj cov ntawv. Thiab thaum twg koj tau ua koj daim ntawv, muaj ntau ntau txoj kev xa cov ntaub ntawv mus rau tus neeg rau zaub mov lossis cia li pib daim ntawv ua haujlwm.
Cov no yog ob peb txoj hauv kev uas koj tuaj yeem xa koj cov ntaub ntawv:
-
- Qhov no yog txoj kev tshaj plaws uas tau txais cov ntaub ntawv rau tus neeg rau zaub mov, tab sis nws tuaj yeem ua dawb heev saib.
-
- Siv cov duab ua kom yooj yim ua kom koj lub pob khawm haum haum nrog koj tus kheej cov style. Tab sis qee cov neeg yuav tsis paub txog nws li cov ntawv khawm.
-
- Cov khawm INPUT lossis tom qab muab ntau txoj kev xaiv tib yam li daim duab INPUT, tab sis zoo li cov qauv xa. Nws yuav tsum tau JavaScript los qhib.
-
- Cov BUTTON lossis yog ntau hom ntau khawm dua li cov INPUT lossis. Daim pib no yuav tsum tau Javacript mus qhib.
-
- Lub caij COMMAND tshiab nyob rau hauv HTML5, thiab nws muab ib txoj hauv kev qhib sau ntawv thiab cov ntaub ntawv nrog kev ua haujlwm. Nws yog qhib kom muaj nrog JavaScript.
Lub sijhawm INPUT
Lub caij INPUT yog txoj kev uas yuav xa ib daim ntawv, txhua yam koj ua yog xaiv hom (khawm, duab, lossis xa) thiab yog tias tsim nyog ntxiv qee cov ntawv sau xa mus rau daim ntawv foos.
Lub element yuav sau ib yam nkaus li ntawd. Tab sis, yog tias koj ua, koj yuav tau sib txawv hauv kev sib txawv browsers. Feem ntau cov browsers ua kom muaj lub khawm uas hais tias "Xa," tab sis Firefox ua rau lub pob ntawd hais tias "Xa ntawv nug." Hloov qhov khawm li cas, koj yuav tsum ntxiv ib qho attribute:
value = "Submit Form">
Lub caij yog writen li ntawd, tab sis, yog hais tias koj tawm tawm tag nrho lwm yam, txhua yam uas yuav tso saib hauv browsers yog khawm grey khawm. Ntxiv cov ntawv nyeem rau lub pob, siv tus nqi cwj pwm. Tab sis cov khawm no yuav tsis xa daim ntawv tshwj tsis yog tias koj siv JavaScript.
onclick = "xa ();">
Qhov no zoo li lub pob khawm, uas xav tau ib tsab ntawv xa mus rau daim ntawv. Tsuas yog tias tsis muaj nqi ntawv, koj yuav tsum ntxiv ib qho duab qhov URL.
src = "submit.gif">
BUTTON Element
Lub caij BUTTON yuav tsum muaj ob qho tib si qhib tagnrho xaus lus xaus Thaum koj siv nws, cov ntsiab lus uas koj muab hauv daim ntawv yuav muab xa tuaj rau hauv khawm. Tom qab ntawd koj qhib lub pob nrog tsab ntawv.
Xa Tsab Ntawv
Koj tuaj yeem muaj cov dluab nyob hauv koj lub nyus khawm lossis muab cov dluab thiab cov ntawv los ua kom muaj ntau lub pob khawm.
Xa Tsab Ntawv
COMMAND Element
Lub caij COMMAND tshiab nrog HTML5. Nws tsis tau ib daim FORM siv, tab sis nws tuaj yeem ua raws li khawm xa rau ib daim ntawv. Cov ntawv no tso cai rau koj los tsim cov nplooj ntawv sib tham sib ntau yam tsis tas yuav tsum tau cov ntawv tshwj tsis yog tias koj xav tau cov ntawv. Yog tias koj xav tau qhov kev hais kom hais tau ib yam dab tsi, koj sau cov lus qhia nyob rau hauv ib qho cim npe.
daim ntawv lo = "Submit Form">
Yog tias koj xav kom koj qhov kev hais kom ua tus sawv cev ntawm tus duab, koj siv lub cim attribute.
icon = "submit.gif">
Tsab ntawv no yog ib feem ntawm cov HTML Forms Tutorial. Nyeem hauv kev nyeem tag nrho kom paub siv HTML cov ntawv.
HTML cov ntaub ntawv muaj ntau ntau txoj kev xa, raws li koj tau kawm nyob rau phab dhau los. Ob txoj kev ntawm no yog INPUT lossis thiab BUTTON lossis. Muaj cov laj thawj zoo siv ob yam no.
Lub sijhawm INPUT
Cov ntawv yog qhov yoojyim tshaj uas yuav xa ib daim ntawv. Nws yuav tsum tsis muaj dab tsi tshaj qhov lossis nws tus kheej, tsis yog ib qho tseem ceeb. Thaum ib tus neeg khawm khawm ntawm lub khawm, nws tso npe cia. Koj tsis tas yuav ntxiv cov ntawv sau, cov browsers paub xa daim ntawv thaum xa ntawv xa INPUT tag.
Qhov teeb meem yog tias qhov no khawm yog dab tuag heev thiab dawb. Koj tsis tuaj yeem ntxiv cov duab rau nws. Koj tuaj yeem hloov nws zoo ib yam li lwm lub caij, tab sis nws tseem tuaj yeem xav tias zoo nkaus li lub siab khawm.
Siv cov txuj ci INPUT thaum koj daim ntawv tau txais cov khoom txaus nyiam hauv browsers uas muaj JavaScript muab tua.
BUTTON Element
The BUTTON element muaj ntau cov kev xaiv rau kev xa cov ntawv. Koj tuaj yeem tso txhua yam hauv ib lub caij BUTTON thiab tig mus rau hauv lub pob xa. Feem ntau cov neeg siv cov duab thiab cov ntawv nyeem. Tab sis koj yuav tsim tau ib DIV thiab ua qhov ntawd tag nrho cov khoom khawm yog tias koj xav tau.
Qhov teeb meem loj tshaj plaws rau lub caij BUTTON yog tias nws tsis tuaj yeem xa daim ntawv. Qhov no txhais tau tias yuav tsum muaj qee hom ntawv sau kom qhib tau nws. Thiab yog li nws yog yooj yim dua lub INPUT txujci. Txhua tus neeg siv uas tsis muaj JavaScript qhib rau yuav tsis muaj peev xwm xa ib daim ntawv nrog ib lub caij BUTTON los xa nws.
Siv cov ntawv BUTTON rau cov ntawv uas tsis yog qhov tseem ceeb. Tsis tas li, qhov no yog ib txoj hauv kev zoo tshaj los ntxiv cov kev xaiv xa tawm ntxiv hauv ib daim ntawv.
Tsab ntawv no yog ib feem ntawm cov HTML Forms Tutorial . Nyeem nws kom paub ntau ntxiv txog kev siv HTML cov ntawv