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

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

Figure 8-7. Hard Wrap

Figure 8-8

Figure 8-8. Off Wrap

တကယ္လို႕ အသံုးျပဳသူကို စာရိုက္ထည့္ခြင့္ မေပးခ်င္ရင္ေတာ့ readonly attribute ကို အသံုးျပဳႏိုင္ပါတယ္။

<textarea cols="20" rows="5" wrap="hard" readonly="yes">

ပံုမွန္ textarea ပါပဲ။ သို႕ေပမယ့္ စာရိုက္ထည့္လို႕ မရပါဘူး။

results matching ""

    No results matching ""