[HTML] Web Forms

Admin Posts : 92 Join date : 09/04/2012

Code:: <html>
<head>
   <title>Lab 5A - JDA</title>

   <style>
      body{
         font-family: Arial;
      }
   </style>

</head>

<body>
   <h3>Tell me about my site! thanks..</h3>
   <br>
   <form>
      *Name: <input type="text" name="myname" value="first/second name, last name"> <br >

      Gender:
      <select>
         <option>F</option>
         <option>M</option>
      </select> <br>

      *Birthdate: <input type="text" name="birthdate" value="mm-dd-yyyy"> Age: <input type="text" name="age"> <br>

      Country:
      <select>
         <option>-select one-</option>
         <option>Philippines</option>
      </select> <br>

      *Email Address: <input type="text" name="email" > <br>

      <em>*this field is required.</em> <br />

      How do you find my web page?
      <ol>
         <li>How do you compare my web site to the others? <br>
            <input type = "radio" value="Much Beter" name="q1"> Much Better <br>
            <input type = "radio" value="About the same" name="q1">About the same <br>
            <input type = "radio" value="Much Worse" name="q1"> Much Worse <br>
            <input type = "radio" value="Somewhat Better" name="q1">Somewhat Better <br>
            <input type = "radio" value="Somewhat Worse" name="q1">Somewhat Worse<br>
         </li>
      <br>
         <li>Did you enjoy the gallery? <br>
            <input type = "radio" value="yes" name="q2">Yes <br>
            <input type = "radio" value="no" name="q2">No <br>
         </li>
      <br>
         <li>
            How easy did you find it to navigate and find information? <br>

               <table border = "1">
                  <tr>
                     <td></td>
                     <td>Very Easy</td>
                     <td>Easy</td>
                     <td>Average</td>
                     <td>Hard</td>
                     <td>Very Hard</td>
                  </tr>
                  <tr>
                     <td align = "left">To navigate the site:</td>
                     <td align ="center"><input type = "radio" value="Very Easy" name="q3a"></td>
                     <td align ="center"><input type = "radio" value="Easy" name="q3a"></td>
                     <td align ="center"><input type = "radio" value="Average" name="q3a"></td>
                     <td align ="center"><input type = "radio" value="Hard" name="q3a"></td>
                     <td align ="center"><input type = "radio" value="Very Hard" name="q3a"></td>
                  </tr>
                  <tr>
                     <td align = "left">To find needed information:</td>
                     <td align ="center"><input type = "radio" value="Very Easy" name="q3b"></td>
                     <td align ="center"><input type = "radio" value="Easy" name="q3b"></td>
                     <td align ="center"><input type = "radio" value="Average" name="q3b"></td>
                     <td align ="center"><input type = "radio" value="Hard" name="q3b"></td>
                     <td align ="center"><input type = "radio" value="Very Hard" name="q3b"></td>
                  </tr>
               </table>
         </li>
      <br>
         <li>
            Overall, now would you rate the graphics and look of the site?<br>
            <input type="radio" value="Excellent" name="q4">Excellent<br>
            <input type="radio" value="Good" name="q4">Good<br>
            <input type="radio" value="Poor" name="q4">Poor<br>
            <input type="radio" value="Very Good" name="q4">Very Good<br>
            <input type="radio" value="Fair" name="q4">Fair<br>
         </li>
      <br>
         <li>
            How likely would you be to return to my site? <br>
            <input type="radio" value="Definitely" name="q5">Definitely<br>
            <input type="radio" value="Not Sure" name="q5">Not Sure<br>
            <input type="radio" value="Definitely Not" name="q5">Definitely Not<br>
            <input type="radio" value="Probably" name="q5">Probably<br>
            <input type="radio" value="Probably Not" name="q5">Probably Not<br>
         </li>
      <br>
         <li>
         What did you like about the site?<br>
         <textarea cols="150" rows="4" name="q6"></textarea>
         </li>
      <br>
         <li>
         What did you dislike about the site?<br>
         <textarea cols="150" rows="4" name="q7"></textarea>
         </li>
      <br>
         <li>
            Your contact information. (optional)<br>
            Email Address: <input type="text" name="q8mail" > <br >
            Mobile Number: <input type="text" name="q8mobile" > <input type="submit">
         </li>
      </ol>
   </form>
</body>

</html>

» Starting Up with HTML
» [HTML+JS] Form Validation + Get Value
» HTML Laboratory Activity [Table]