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 Figure 8-25

results matching ""

    No results matching ""