သင္ ခန္းစာ(၁၆)
အေပၚမွာေတာ့form> အေၾကာင္းရွင္းျပခဲ႔ျပီးျပီ အဲ့ထဲကက်န္ေသးတဲ႔ဟာကိုထည့္ရွင္းမယ္အဲ႔ဒါက blogေတမွာcommentေရးဖို႔boxေလးေတြ႔ဖူးျက မွာပါ အာ့ဘာနဲ႔ေရးလဲဆိုရင္<textarea> ဒီtagနဲ႔ ဖန္တီးထားတာပါ သူ႔မွာaltributeနွစ္ခုရွိတယ္ boxရဲ႕အလ်ားကို(rows)ကိုေဖၚျပဖို႔rowsကိုသံုး ျပီးအနံ(colnum)ကိုေဖၚျပဖိဳ႕colsကိုသံုးပါတယ္ ေအာက္မွာျကည့္ပါ<html> <head> </head> <body> <form> <label> enter your comment</label> <textarea rows="5"cols="60"> </textarea> </form> </body> </html> အာ့ေလးrunျကည့္ပါ ရွင္းသြားပါလိမ့္မယ္ rowsနဲ႔colsကိုေျပာင္းျကညိ့္ပါ ေနာက္တစ္ခုကေတာ့type="button"ပါ သူလဲ loginခလုပ္လိုပါပဲ ဒါေပမယ့္သူjava scriptနဲ႔တြဲ သံုးေလ့ရွိတယ္<input type="button"value="clickme" onclick="function();"/> အဲ႔လိုjavascriptနဲ႔onclickကိူသံုးျပီးတြဲေလ့ရွိတယ္သင္ခန္းစာ(၁၇)
ကဲ အေပၚကဟာေတကိုေသခ်ာျကည့္ခဲ့မယ္ဆိုရင္ နားလည္ျကမွာပါ နားမလည္ေသးရင္ျပန္ျကည့္ ပါ ခုေတာ့ ရိုးရိုးsignup pageတစ္ခုဖန္တီးျကရ ေအာင္ အဲ႔မွာပါမယ့္ဟာေတကေမြးသကၠရာဇ္ေရြး မယ္ က်ားမေရြးမယ္ ဝါသနာေရြးမယ္ mailထည့္မည့္ passထည့္မယ္ signup button ထည့္မယ္ မွားရင္ျပန္ဖ်က္ဖို႔reset buttonထည့္ မယ္ အကူအညီေတာင္းဖို႔help buttonထည့္မယ္ ကဲစရေအာင္<html> <head> </head> <body bgcolor="#221299"> <h3 align="center"> FACEBOOK SIGNUP</h3> <form style="color:#ffffff;font-size:20px;"> First name<input type="text"/> Last name<input type="text"/><br> <label> Select your birthday date</label> <select> <option value="1995"> 1995</option> <option value="1996"> 1996</option> <option value="1997"> 1997</option> </select> <br> Select your Gender<br> <label> male</label> <input type="radio"value="male"/> <label> female</label> <input type="radio"value="female"/><br> Select your lifestyle<br> <label> reading</label> <input type="checkbox"value="reading"/> <label> football</label> <input type="checkbox"value="football"/> <label> singing</label> <input type="checkbox"value="singing"/> <br> Your email<input type="text"/><br> New password<input type="password"/> <br> Confirm your password<input type="password"/><br> Enter your comment<textarea rows="6"cols="60"> </textarea> <br> <input type="submit"value="signup"/> <input type="reset"value="reset"/> <input type="button"value="help?"/> </form> </body> </html> အေပၚကcodeကိုrunျကည့္ေနာ္ ျပီးresultနဲ႔ျပန္ တိုက္ နည္းနည္းပါးပါးျပင္ေရးသင္ ခန္းစာ(၁၈)
ဒီတစ္ခါက် facebook login pageအတုလုပ္ရ ေအာင္ တကယ့္ဟာလိုေတာ့မဆြဲေသးဘူး ပံုစံတူ ေပါ့ ကဲစေရးျကမယ္<html> <head> <title> Welcome From Facebook</title> </head> <body bgcolor="#4b0082"color="#ffffff"> <br><br> <h1 align="center"> <font color="#ffffff"size="50px"align="center"> FACEBOOK</font> </h1> <br> <form align="center"> <font color="#ffffff"size="3"> Email</font><br> <input type="text"width="200%"height="30%"/><br> <font color="#ffffff"size="3"> Password</font><br> <input type="password"width="200%"height="30%"/> <br><br> <button width="10"height="4"> <font color="#4b0082"> Login</font> </button><br> <button width="12"height="4"> <font color="orange"> Signup</font> </button><br><br> <a href="link"> forget password?</a> <a href="link"> ..help center</a><br> English (UK) ·<a href="link"> ภาษาไทย · 中文(简体) · More…</a><br> Facebook ©2015</form> </body> </html> အေပၚကcodeကိုrunၾကည့္ပါ resultနဲ႔codeကိုတိုက္ျကည့္ေနာ္ ဒါမွဘာ ေတထူးျခားလည္းသိမွာ
No comments:
Post a Comment