Add a Reset Button
Form မွာ data ေတြ ထည့္သြင္းထားျပီးရင္ ျပန္ျပီးေတာ့ clear လုပ္ေစခ်င္ရင္ reset button ကို ထည့္သြင္းႏိုင္ပါတယ္။ reset button ကို ႏိွပ္လိုက္တာနဲ႕ form မွာ ျဖည့္ထားတဲ့ data ေတြ အားလံုးကို ရွင္းလိုက္မွာ ျဖစ္ပါတယ္။
<!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">
<br/>
Birth Date : <input type="date" setp=1>
<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>ျပီးခဲ့တဲ့ submit code ေအာက္မွာ reset button ထပ္ျဖည့္ထားပါတယ္။
Figure 8-25