သင္ ခန္းစာ(၁၃)
ဒီတစ္ခါတင္ျပသြားမွာကစိတ္ဝင္စားဖို႔ေကာင္း တယ္ဗ် facebookကိူlogin ဝင္ဖူးျကမွာပါ အဲ႔ လိုlogin pageဖန္တီးရာမွာသံုးတဲ႔tagပါ သူက ေတာ့<form> tagပါခမ်ာ သူမွာပါတဲ႔element ေတြကိုရွင္းမယ္ဗ်ာ<form> သူကေတာ့<body> လိုပဲပင္မtagတစ္ခုပါ သူ႔မွာ ပါဝင္တဲ႔elementေတက<label> သူကအညြန္းစာသားေရးရာမွာသံုးပါတယ္<select> သူက အေကာင့္ေရွာက္ရာမွာေမြးေန႔ေရြးသလိုမ်ိဳး ေရြးခ်ယ္မႈလုပ္ရာမွာသံူးပါတယ္သူ႔မွာပါဝင္တာ ကေတာ့<option> သူက<select> ထဲမွာထည့္မယ္အခ်က္အလက္ေတ ကိုထည့္ရာမွာသံုးပါတယ္ ေနာက္ထပ္သီးသန္႔ခြဲေနတာကေတာ့<input/> သူ႔မွာကိုပိုင္altributeနဲ႔valueေတရွိပါတယ္ altributeကေတာ့type=ျဖစ္ျပီးvalueကေတာ့ text စာရိုက္ရာမွာသံုးပါတယ္emailရိုက္ထည့္သလို ေပါ့ password passwordရိုက္ရာမွာသံုးပါတယ္ရိုက္လိုက္တဲ႔ စာကအစက္ကေလးေတေျပာင္းသြားမွာပါ radio သူကေရြးတာပါ အစက္ေလးနဲ႔ေရြးတဲ႔ဟာမ်ိဳး checkbox သူကအမွန္ျခစ္ေလးနဲ႔ေရြးတဲ႔ဟာမ်ိဳး submit သူကsigup buttomလိုမ်ိဳးပါ reset သူကရိုက္လိုက္တဲ႔စာေတကိုျပန္ဖ်က္တဲ႔ေနရာမွာ သံုးတာ ဥပမာနည္းနည္းျပမယ္ေနာ္<input type="password"name="pwd"/> အဲ႔လိုေရးတာပါ အဲ႔ထဲကတုိးလာတဲ႔nameက phpလိုprogramm runတဲ႔အခါလွမ္းေခၚလို႔ရ ေအာင္ေပးတာပါ အဲ႔ဒါကေနာက္ပိုင္းမွရွင္းမယ္ ဗ်ာ ခုေတာ့ရိုးရိုးlogin pageပဲဆြဲရေအာင္ ေနာက္သင္ခန္းစာကိုသြားမယ္ဗ်ာသင္ခန္းစာ(၁၄)
အေပၚမွာေတာ့ေျပာခဲ့တယ္ဗ် ဒါေပမယ့္ နား လည္မွာမဟုတ္ဖူးဆိုတာက်ေနာ္သိပါတယ္ အာ့ေျကာင့္လက္ေတြ႕လုပ္ျပီးရွင္းမယ္ဗ်ာ ပထမဆံုး<label><select> နဲ႔<option> ကိုရွင္း မယ္ ကဲcodeစေရးမယ္ေနာ္<html> <head> <title></title> </head> <body> <form> <label> ေမြးေန႔ေရြးပါ<select> <option value="1995"> 1995</option> <option value="1996"> 1996</option> <option value="1997"> 1997</option> </select> </label> </form> </body> </html> ကဲအေပၚကcodeကိုcopyကူးျပီးrun လိုက္ပါဦး အဲ႔ထဲကvalue=ကတန္ဖိုးသတ္မွတ္ေပးတာေနာ္ ခုနဟာကိုrunျကည့္ပါresultနဲ႔codeကိုတိုက္ ျကည့္ပါ နားလည္သြားပါလိမ့္မယ္ ကဲေနာက္တစ္ခုဆက္ရေအာင္ ဒီတစ္ခါ<input> type=passwordနဲ႔textရယ္ submitရယ္ကိုရွင္းပါ့မယ္ ကဲစေရးမယ္<html> <head> <title></title> </head> <body> <form align="center"> <label> Email</label> <br> <input type="text"/> <br> <label> Password</label><br> <input type="password"/> <br> <input type="submit"value="login"/> <input type="reset"value="reset"/> </form> </body> </html> အေပၚကcodeကိုrunျကည့္ပါ အဲ႔ထဲက<br> က htmlမွာစာကိုဒီတိုင္းေရးရင္အတန္းလိုက္ျဖစ္သြာ ပါတယ္ စာကိုေနာက္တစ္ေျကာင္းေရးခ်င္ရင္သံုးပါတယ္သင္ ခန္းစာ(၁၅)
ဒီတစ္ခါ<input type="radio"> ရယ္ checkboxရယ္ကိုျပမွာပါ စမယ္ေနာ္<html> <head> </head> <body> <form> <label> က်ား/မေရြးပါ</label><br> <input type="'radio"value="male"/> <label> male</label> <input type="radio"value="male"/> <label> female</label><br> <label> ျကိုက္နွစ္သက္ရာေရြးပါ</label><br> <label> ေဘာ္လီေဘာ</label><br> <input type="checkbox"value="ball"/><br> <label> စာေပ</label><br> <input type="checkbox"value="read"/> </form> </body> </html> အေပၚကcodeကိုrunၾကည့္ပါ resultနဲ႔codeကိုတိုက္ျကည့္ေနာ္ ဒါမွဘာ ေတထူးျခားလည္းသိမွာ ေနာက္သင္ခန္းစာမွာ အကုန္ေပါင္းေရးမွာ အာ့ေျကာင့္အေပၚကဟာကို ေသေသခ်ာခ်ာနားလည္ေအာင္ေလ့လာပါ
No comments:
Post a Comment