title: application form
body: <p>user must be able to insert name,address,gender,color and module....when user clicks the clear button,the form should be cleared, and when user clicks the Ok Button,the name and address should be displayed below the form..</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
  &lt;script&gt;
   function buttonOk()
  {
   var but = document.getElementById("button");
   var txt=document.getElementById("name").value;
   document.getElementById("name").value=txt;
  }
  &lt;/script&gt;
  &lt;/head&gt;
  
  
  &lt;body&gt;
     &lt;h2&gt; Application Form &lt;h2&gt;
  
     &lt;form&gt;
     &lt;table&gt;
       &lt;tr&gt;
           &lt;td&gt;Name&lt;/td&gt;
           &lt;td&gt;
               &lt;input type="text" name="name" size=30 value=" "&gt;
           &lt;/td&gt;
       &lt;/tr&gt;
       &lt;tr&gt;
          &lt;td&gt; Address&lt;/td&gt;
          &lt;td&gt;
              &lt;input type="text" name="address" size=30 value=" "&gt;
          &lt;/td&gt;
       &lt;/tr&gt; 
       &lt;tr&gt;
          &lt;td&gt;Gender&lt;/td&gt;
          &lt;td&gt;
              &lt;input type="radio" name="sex" value="M"&gt; Male
              &lt;input type="radio" name="sex" value="F"&gt; Female 
          &lt;/td&gt;
       &lt;/tr&gt;
       &lt;tr&gt;
          &lt;td&gt;Stream&lt;/td&gt;
          &lt;td&gt;
              &lt;select name="stream"&gt;
              &lt;option value="0" selected&gt;---Select color--&lt;/option&gt;
              &lt;option value="red"&gt;Red&lt;/option&gt;
              &lt;option value="blue"&gt;Blue&lt;/option&gt;
              &lt;/select&gt;&lt;br  /&gt; 
          &lt;/td&gt;
       &lt;/tr&gt;
       &lt;tr&gt;
           &lt;td&gt;Modules&lt;/td&gt;
           &lt;td&gt;
               &lt;input type="checkbox" name="module" value="m1"&gt; M1
               &lt;input type="checkbox" name="module" value="m2"&gt; M2
               &lt;input type="checkbox" name="module" value="m3"&gt; M3
               &lt;input type="checkbox" name="module" value="m4"&gt; M4 
         &lt;/td&gt;
       &lt;/tr&gt;
       &lt;tr&gt;
         &lt;td&gt;
             &lt;input type="submit" name="butt" value="Clear"&gt;
             &lt;input type="submit" name="button" value="OK"&gt;
          &lt;/td&gt;
       &lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;hr size="2" noshade /&gt;
  &lt;/form&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>