Require a Field
Form ကို submit လုပ္တဲ့ အခါမွာ အခ်ဳိ႕ data ေတြကို မျဖစ္မေန ထည့္သြင္းေစခ်င္ပါတယ္။ အဲဒီ အခါမွာ require attribute ကို ထည့္သြင္းႏိုင္ပါတယ္။
<!DOCTYPE html>
<html>
<head>
<title>Simple Form</title>
</head>
<body>
<form method="post" action="./post.php" enctype="multipart/form-data">
Name : <input type="text" name="name" required>
<br/>
Birth Date : <input type="date" setp=1 required>
<br/>
Budget :
<input type="range" name="budget" min="100" max="5000" value="1000" step="100" onchange="document.getElementById('display').innerHTML=this.value">
<span id="display">1000</span>
<br/>
<input type="submit" value="Send">
<input type="reset" value="Reset">
</form>
</html>အဲဒီ code ေလးဟာ browser မွာ ဆုိရင္ ေအာက္ေဖာ္ျပပါ ပံုအတိုင္း ျမင္ရပါလိမ့္မယ္။
Figure 8-26
name နဲ႕ birth date ကို required ထည့္သြင္းထားပါတယ္။
Name : <input type="text" name="name" required>
<br/>
Birth Date : <input type="date" setp=1 required>data ေတြ မထည့္ပဲ submit လုပ္လိုက္တဲ့ အခါမွာ browser က error ျပပါလိမ့္မယ္။
Figure 8-27