Add a Large Text Area
အကယ္၍ စာတစ္ေၾကာင္းတည္းမက data ေတြကို ထည့္သြင္းေစလိုတယ္ဆုိရင္ေတာ့ text box အစား textarea ကို အသံုးျပဳဖို႕လိုပါလိမ့္မယ္။
<!DOCTYPE html>
<html>
<head>
<title>Simple Form</title>
</head>
<body>
<form method="post" action="./post.php">
Enter your comment :
<br/>
<textarea name="comment" rows="5" cols="60" wrap="hard">Add your comment here</textarea>
</form>
</html>
Figure 8-6. Text Area
အဲဒီ code မွာ rows ကေတာ့ textarea ထဲမွာ စာ ဘယ္ႏွစ္ေၾကာင္းျပမလဲ ေနာက္ျပီး cols ကေတာ့ textarea အက်ယ္ကို စာလံုး အေရအတြက္ ဘယ္ေလာက္ေဖာ္ျပမလဲကို ဆိုလိုပါတယ္။ wrap ကေတာ့ ၃ မ်ဳိးရိွပါတယ္။
soft wrap ကေတာ့ text area ထဲမွာ စာေၾကာင္း ျဖတ္ေပးေပမယ့္ data ကို server ဆီကုိ ပို႕တဲ့ အခါမွာ မျဖတ္ပါဘူး။
hard wrap ကေတာ့ textarea ေကာ form data ၂ ခုလံုးမွာ ျဖတ္ပါတယ္။
off ကေတာ့ စာေၾကာင္း မျဖတ္ေပးေတာ့ပါဘူး။ line break ကို သံုးစြဲသူ ကိုယ္တိုင္ enter ေခါက္မွသာ line break လုပ္ေပးပါလိမ့္မယ္။
Figure 8-7. Hard Wrap
Figure 8-8. Off Wrap
တကယ္လို႕ အသံုးျပဳသူကို စာရိုက္ထည့္ခြင့္ မေပးခ်င္ရင္ေတာ့ readonly attribute ကို အသံုးျပဳႏိုင္ပါတယ္။
<textarea cols="20" rows="5" wrap="hard" readonly="yes">ပံုမွန္ textarea ပါပဲ။ သို႕ေပမယ့္ စာရိုက္ထည့္လို႕ မရပါဘူး။