Add a Menu List

Value တစ္ခုကို ေရြးခ်ယ္ေစခ်င္ရင္ menut list ကို ကၽြန္ေတာ္တုိ႕ေတြ အသံုးျပဳပါတယ္။ Option နဲ႕ မတူတာကေတာ့ option ဟာ ေရြးခ်ယ္ရမယ့္ value ေတြ အကုန္ကို ေဖာ္ျပထားျပီးေတ့ menu list ကေတာ့ မေဖာ္ျပထားပါဘူး။ Drop down arrow ေလးကို ႏိွပ္လိုက္မွသာ ေဖာ္ျပပါလိမ့္မယ္။ <select> tag ကို အသံုးျပဳျပီးေတာ့ ေရြးခ်ယ္ေစခ်င္တဲ့ data ေတြကိုေတာ့ <option> tag နဲ႕ ထည့္သြင္းပါတယ္။

<!DOCTYPE html>
<html>
<head>
    <title>Simple Form</title>
</head>
<body>
    <form method="post" action="./post.php">
        Continent:
    <select name="continent">
      <option value="africa">Africa</option>
      <option value="antarctica">Antarctica</option>
      <option value="asia">Asia</option>
      <option value="australia">Australia</option>
      <option value="eruope">Eruope</option>
      <option value="northamerica">North America</option>
            <option value="southamerica">South America</option>
    </select>


    </form>
</html>

ဆိုတဲ့ code ေလးမွာ select tag ကို အသံုးျပဳထားပါတယ္။ option ရဲ႕ value ဟာ data ကို server ဆီပို႕တဲ့ အခါမွာ ေရာက္သြားမယ့္ တန္ဖိုးပါ။ ဥပမာ။။ South America ကို ေရြးခ်ယ္ထားရင္ server ဆီ data ေရာက္သြားတဲ့ အခါမွာ continent=southamerica နဲ႕ ေရာက္သြားပါလိမ့္မယ္။

Figure 8-11

Figure 8-11

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

<select name="continent" size=5>

size=5 ဆိုတာကေတာ့ ၅ ခု စာေဖာ္ျပမယ္လုိ႕ ဆိုလိုတာပါ။ က်န္တဲ့ စာေတြကိုေတာ့ scroll ဆြဲဖုိ႕လိုပါတယ္။

Figure 8-12

Figure 8-12

တကယ္လုိ႕ value တစ္ခုထက္ မက ကို select လုပ္ခြင့္ေပးခ်င္ရင္ေတာ့ multiple attribute ကို သံုးဖို႕လိုပါတယ္။ select ကိုောတ့ windows မွာ ဆုိရင္ေတာ့ Ctrl ကို ဖိကာ click လုပ္ဖုိ႕ လိုအပ္ပါတယ္။ mac မွာဆုိရင္ေတာ့ command ကို ဖိျပီး click လုပ္ဖုိ႕ လိုအပ္ပါတယ္။

<select name="continent" multiple>

Figure 8-13

Figure 8-13

results matching ""

    No results matching ""