WEEK3_LAB HTML Form

today, our class do the lab exercise to create a form.

Result of question:

at the end, we must come out this Registration form as the picture above.

now is showing the HTML part for doing this form!!!

1. Name (text box)

<h1>Registrstion Form</h1> 
<form action="action_page.php">
<table border="2">
       <tr>
    <td>Name:</td>
        <td><input type="text" value="Yunalis"></td>
      </tr>
**<td> for column
    <tr>for row

2. IC No (text box)

<tr>
       <td>IC No:</td>
       <td><input type="text" name="ic no" value="870910-04-5566"></td>
</tr>

3.Address (text area)

<tr>
       <td>Address:</td>
       <td><textarea name = "message" rows="10" cols="30"></textarea></td>
</tr>

4.Gender (radio button)
<tr>
       <td>Gender:</td>
        <td><input type="radio" name="gender" value"male">Male
               <input type="radio" name="gender" value"female">Female</td>
</tr>

5.Dance Type (checkbox)

<tr>
  <td>Dance Type:</td>
        <td><input type="checkbox" name="dance1" value="Zapin">Zapin
               <input type="checkbox" name="dance2" value="Joket">Joket
               <input type="checkbox" name="dance3" value="Inang">Inang
               <input type="checkbox" name="dance4" value="Lion Dance">Lion Dance</td>
</tr>

6. Competition (select choose 1 only)

<tr>
      <td>Competiton:</td>   
      <td><select name="competition" size=3>
            <option>State Level
            <option>National Level
            <option>Internel Level
            </select>
        </td>
  </tr>

7. Nationality (multiple select)

<tr>
      <td>Nationality:</td>
      <td><select name="nationality">
             <option value="-please select">-please select</option>
             <option value="Malaysian">Malaysian</option>
             <option value="Non-Malaysia">Non-Malaysia</option>
       </select>
       <p></p><br><p></p></td>
  </tr>


8.Password (password box)

<tr>
       <td>Password:</td>
        <td><input type="password" name="psw"></td>
   </tr>

9.Register me & Cancel (submit & reset)

     <input type="submit" value="Register Me">
     <input type="reset" value="Cancel">