Tswv yim HTML
Txheej txheem cej luam: Nyob rau hauv daim ntawv no peb yuav piav txog cov HTML thiab lawv pab. HTML ntawv yog ib qhov tseem ceeb rau txoj kev niaj hnub lub Web site ntawm txoj kev loj hlob irrespective of tej tshuab.
Taw qhia:
Ib daim ntawv HTML rau ib daim nplooj web enables tus neeg siv yuav muab inputs rau ib daim ntawv thov. Cov ntaub ntawv sau los ntawm tus neeg siv ces xa tuaj rau tus neeg rau zaub mov ntxiv mus xyuas txog los storing hauv lub database. Ib daim ntawv coj mus kuaj html yog muab raws li:
Qhia 1: Coj daim ntawv HTML
[Chaws]
<!DOCTYPE HTML PUBLIC “-//W3C / / DTD HTML 4.01 Hauv / / EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html>
<lub taub hau>
<npe> Qauv HTML </npe>
<lub npe meta =”Generator” ntsiab lus =”EditPlus”>
<lub npe meta =”Sau” ntsiab lus =””>
<lub npe meta =”Keywords” ntsiab lus =””>
<lub npe meta =”Hauj lwm lawm” ntsiab lus =””>
</lub taub hau>
<lub cev>
<daim ntawv npe =”tswv yim” nkaus =”html_form_action.jsp” txujci =”tau”>
Username: <input yam =”ntawv nyeem” lub npe =”neeg”><br>
Lo lus zais: <input yam =”lo lus zais” lub npe =”pwd”><br>
<input yam =”xov tooj cua” lub npe =”pw ua ke” tus nqi =”txiv neej”>Txiv neej<br>
<input yam =”xov tooj cua” lub npe =”pw ua ke” tus nqi =”poj niam”>Poj niam<br>
<input yam =”checkbox” lub npe =”tsheb” tus nqi =”Tsheb tuam”>Kuv muaj ib lub tsheb tuam<br>
<input yam =”checkbox” lub npe =”tsheb” tus nqi =”Tsheb”>Kuv muaj ib lub tsheb <br>
<input yam =”xa” tus nqi =”Xa”>
</daim ntawv>
</lub cev>
</html>
[/Chaws]
Cov cai saum toj no ua yooj yim HTML daim ntawv muaj tom qab teb:
- Daim ntawv teb rau Username.
- Lo lus zais teb muab Password.
- Xov tooj cua khawm muab tus txiv neej yog txiv neej los poj niam.
- Kos rau lub box nyob rau qhia tus neeg siv lub tsheb yog tswv.
Muab rau hauv daim ntawv HTML:
HTML daim ntawv muaj cov nram qab no muab uas feem ntau siv:
- Txujci: Qhov no yuav muaj tus nqi tog twg los ntawm ob qhov tseem ceeb : ' tau’ los 'tswg'. ' tswg’ yog siv thaum peb yuav xa tej ntaub ntawv uas yuav tsum tau muab cia rau hauv ib cov pheej cia. ' tau’ yog siv thaum peb xav tau cov retrieve ib co lus qhia raws li tus nqi input uas yog xa.
- Lub npe: Qhov no yog muab ib lub npe rau ib daim ntawv thiab los yog tas thaum twg peb yuav tsum saib ib cheebtsam ntawm ib daim ntawv.
- Nkaus: Cov attribute no muaj lub npe ntawm cov ntaub ntawv uas koomtxoos nyob tom teb rau los ntawm tus neeg siv. Nws kuj tuas lub zog, Thaum teb txhais cov ntsiab lus uas yuav tsum tau ua ib tug hauj lwm.
Sib sau ua ke thiab xa tawm cov ntaub ntawv daim ntawv:
Peb xav txog cov cai hauv qab no snippet
Qhia 2: Qauv HTML tsab cai snippet
[Chaws]
<!DOCTYPE HTML PUBLIC “-//W3C / / DTD HTML 4.01 Hauv / / EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html>
<lub taub hau>
<npe> Piv txwv 2 </npe>
<lub npe meta =”Generator” ntsiab lus =”EditPlus”>
<lub npe meta =”Sau” ntsiab lus =””>
<lub npe meta =”Keywords” ntsiab lus =””>
<lub npe meta =”Hauj lwm lawm” ntsiab lus =””>
</lub taub hau>
<lub cev>
<daim qauv = 'tswg'>
LUB NPE: <input yam =' ntawv nyeem’ name =' lub npe’ ID =' lub npe’ /><br />
Email: <input yam =' ntawv nyeem’ name =' tug’ ID =' tug’ /><br />
Lub website: <input yam =' ntawv nyeem’ name =' lub website’ ID =' lub website’ /><br />
Saib:<br />
<textarea name =' saib’ ID =' saib’ /></textarea><br />
<input yam =' thaum’ name ='articleid’ ID ='articleid’ tus nqi ='<? ncha $_GET[“daim”]; ?>’ />
<input yam =' xa’ tus nqi ='Submit’ />
</daim ntawv>
</lub cev>
</html>
[/Chaws]
Cov hais los saum toj html code snippet yog yooj yim neeg siv ntawv daim ntawv uas ib tug neeg yuav tsum sau thiab ntaus submit khawm. Thaum submit khawm ntaus ntawm cov neeg siv, daim ntawv sib sau tag nrho cov ntaub ntawv thiab xa mus rau lwm tsab ntawv rau ntxiv mus xyuas. Nyob hauv cov lag luam yuav tsum tau daim ntawv yuav yog xa cov ntaub ntawv mus rau ib lwm sab rau ua ntxiv los yog ntaub ntawv cov ntaub ntawv thiab tsim tej zis kom tus neeg siv. Thaum cov ntaub ntawv yog kis rau ib tsab ntawv mus ua peb siv ywg ' tau’ los ' tswg’ txujci.
HTML daim ntawv cim npe:
HTML daim ntawv muaj cov cim npe nram qab no siv feem ntau:
- daim ntawv : siv kom txhais tsab ntawv HTML rau cov neeg siv cov tswv yim. Cov snippet hauv qab no qhia tau hais li cas peb siv tau :
Qhia 3 : Siv daim ntawv html
[Chaws]
<daim ntawv =”demo.asp” txujci =”tau”>
Lub npe: <input yam =”ntawv nyeem” lub npe =”fname”><br>
Lub xeem lub npe: <input yam =”ntawv nyeem” lub npe =”lname”><br>
<input yam =”xa” tus nqi =”Xa”>
</daim ntawv>
[/Chaws]
No lossis yog txaus siab nyob rau hauv tag nrho cov browsers.
- tswv yim: muab los txhais kom meej cov kev tswj input. Coj cai teev hauv daim qhia 3 yuav muab ib tug piv txwv zoo. No lossis yog txaus siab nyob rau hauv tag nrho cov browsers.
- textarea: muab los txhais tau ib lub tswv yim ntawv multiline. Cov snippet hauv qab no qhia tau hais li cas peb siv tau :
Qhia 4: Kev siv cov html daim textarea
[Chaws]
<daim ntawv =”demo.asp” txujci =”tau”>
<textarea natwm =”4″ cols =”50″>
Tus hma liab daj thiab ceev jumps txoj cai li dev tub nkees. </textarea>
</daim ntawv>
[/Chaws]
No lossis yog txaus siab nyob rau hauv tag nrho cov browsers.
- lo cim : siv ib daim ntawv lo rau lub caij input txhais tau. Cov snippet hauv qab no qhia tau hais li cas peb siv tau :
Qhia 5: Siv daim ntawv html – lo cim
[Chaws]
<daim ntawv =”demo.asp”>
<ntaus cim rau =”txiv neej”>Txiv neej</lo cim>
<input yam =”xov tooj cua” lub npe =”pw ua ke” ID =”txiv neej” tus nqi =”txiv neej”><br>
<ntaus cim rau =”poj niam”>Poj niam</lo cim>
<input yam =”xov tooj cua” lub npe =”pw ua ke” ID =”poj niam” tus nqi =”poj niam”><br>
<input yam =”xa” tus nqi =”Xa”>
</daim ntawv>
[/Chaws]
No lossis yog txaus siab nyob rau hauv tag nrho cov browsers.
- fieldset : siv rau cov pab pawg neeg zoo xws li cov ntaub ntawv ua ke. Cov snippet hauv qab no qhia tau hais li cas peb siv tau :
Qhia 6: Siv daim ntawv html – fieldset
[Chaws]
<daim ntawv>
<fieldset>
<lus dab neeg>Tej ntaub ntawv </lus dab neeg>
Lub npe: <input yam =”ntawv nyeem” raws li cov =”30″><br>
Email: <input yam =”ntawv nyeem” raws li cov =”30″><br>
hnub yug: <input yam =”ntawv nyeem” raws li cov =”10″>
</fieldset>
</daim ntawv>
[/Chaws]
No lossis yog txaus siab nyob rau hauv tag nrho cov browsers.
- lus dab neeg: muab los txhais tau lub npe duab ntawm lub filedset caij. Chaws snippet tau muab rau hauv daim qhia 6 yog ib qho piv txwv uas siv nws. No lossis yog txaus siab nyob rau hauv tag nrho cov browsers.
- xaiv: siv los ua ib tug nco cia sau. Cov snippet hauv qab no qhia tau hais li cas peb siv tau
Qhia 7: Siv daim ntawv html – xaiv
[Chaws]
<xaiv>
<qhov nqi =”volvo”>Volvo</kev xaiv>
<qhov nqi =”saab”>Saab</kev xaiv>
<qhov nqi =”mercedes”>Mercedes</kev xaiv>
<qhov nqi =”audi”>Audi</kev xaiv>
</xaiv>
[/Chaws]
No lossis yog txaus siab nyob rau hauv tag nrho cov browsers.
- optgroup : siv kom txhais ib lwm yam kev pab nyob rau hauv ib daim ntawv teev dropdown. Cov snippet hauv qab no qhia tau hais li cas peb siv tau :
Qhia 8: Kev siv cov html daim optgroup
[Chaws]
<xaiv>
<daim ntawv lo optgroup =”Tsheb Swedish”>
<qhov nqi =”volvo”>Volvo</kev xaiv>
<qhov nqi =”saab”>Saab</kev xaiv>
</optgroup>
<daim ntawv lo optgroup =”Lub tsheb German”>
<qhov nqi =”mercedes”>Mercedes</kev xaiv>
<qhov nqi =”audi”>Audi</kev xaiv>
</optgroup>
<daim ntawv lo optgroup =”Japanese tsheb”>
<qhov nqi =”Hasdas”>Hasdas</kev xaiv>
<qhov nqi =”hundai”>Hundai</kev xaiv>
<qhov nqi =”suzuki”>Suzuki</kev xaiv>
</optgroup>
</xaiv>
[/Chaws]
No lossis yog txaus siab nyob rau hauv tag nrho cov browsers.
- kev xaiv : muab los txhais kom meej rau ib qho kev xaiv nyob rau hauv ib daim ntawv teev dropdown. Chaws snippet tau muab rau hauv daim qhia 7 thiab qhia 8 yog ib tug piv txwv zoo uas yuav siv li cas. No lossis yog txaus siab nyob rau hauv tag nrho cov browsers.
- khawm : muab los txhais tau ib lub pob clickable. Submit khawm hauv daim qhia 1 los qhia 2 yog ib tug piv txwv zoo uas pab. No lossis yog txaus siab nyob rau hauv tag nrho cov browsers.
- datalist : siv los qhia kom meej uas tos hais tseg txoj kev ntawm lwm yam uas input. Qhov no nws yog ib tug tshiab lossis nkag tau rau hauv cov html 5. Cov snippet hauv qab no qhia tau hais li cas peb siv tau :
Qhia 9: Siv daim ntawv html – datalist
[Chaws]
<daim ntawv teev input =”browsers”>
<datalist npav =”browsers”>
<qhov nqi =”Internet Explorer”>
<qhov nqi =”Firefox”>
<qhov nqi =”Chrome”>
<qhov nqi =”Opera”>
<qhov nqi =”Safari”>
</datalist>
[/Chaws]
No lossis yog txaus siab nyob rau hauv Internet Explorer 10, Firefox, Opera, thiab Chrome. Qhov no yog tsis txaus siab nyob rau hauv Internet Explorer 9 los yog version ua ntej lawm los sis hauv safari browsers.
- keygen : muab los txhais lub ntsiab tus khub. Qhov no nws yog ib tug tshiab lossis nkag tau rau hauv cov html 5. Cov snippet hauv qab no qhia tau hais li cas peb siv tau :
Qhia 10: Kev siv cov html daim keygen
[Chaws]
<daim ntawv =”demo.asp” txujci =”tau”>
Username: <input yam =”ntawv nyeem” lub npe =”usr_name”>
Encryption: <lub npe keygen =”ruaj”>
<input yam =”xa”>
</daim ntawv>
[/Chaws]
No lossis yog txaus siab nyob rau hauv Firefox, Opera, Safari chrome thiab cov browsers.
- tso zis: muab los txhais kom meej tso zis rau ntau muab xam lub. Qhov no nws yog ib tug tshiab lossis nkag tau rau hauv cov html 5. Cov snippet hauv qab no qhia tau hais li cas peb siv tau :
Qhia 11: Kev siv cov html daim keygen
[Chaws]
<daim oninput =”x.value=parseInt(a.value)+parseInt(b.value)”>0
<input yam =”ntau yam” ID =”ib” tus nqi =”50″>100
+<input yam =”naj npawb” ID =”b” tus nqi =”50″>
=<lub npe cov zis =”x” rau =”ib b”></tso zis>
</daim ntawv>
[/Chaws]
No lossis yog txaus siab nyob rau hauv Firefox, Opera, Safari chrome thiab cov browsers.
Txoj kev:
Peb cia saib lub ntsab lug peb sib tham nyob rau nram qab no txhob raws li nyob rau hauv –
- HTML siv daim ntawv no kom paub tawm tswvyim rau ib daim ntawv thov.
- HTML daim ntawv muaj cov nram qab no muab –
- txujci.
- nkaus.
- lub npe.
- HTML daim ntawv muaj cov cim npe nram qab no –
- daim ntawv.
- tswv yim.
- textarea.
- lo cim.
- fieldset.
- lus dab neeg.
- xaiv.
- optgroup.
- kev xaiv.
- khawm.
- datalist.
- keygen.
- tso zis.
