Q4

Question 4

Create a Registration / Admission or Feedback Form with Input Type, Select and Text Area, Text Box, Option/radio buttons, Checkboxes, Reset and Submit buttons using HTML.

Tags that will be used:

  • <table>

  • <form>

  • <tr>

  • <td>

  • <label>

  • <button>

  • <input>

    • text

    • password

    • file

    • checkbox

    • radio

    • submit

  • <select>

  • <optgroup>

  • <option>

  • <textarea>

Browse Source Code

Code

<html>

<head>
  <title>
    html-4
  </title>
</head>

<body>
  <center>
    <h1>Registration or Admission or Feedback Form</h1>
    <form>
      <table>
        <tr>
          <td>
            <label for="uname">Name</label>
          </td>
          <td>
            <input 
            type="text" 
            id="uname" 
            name="username">
          </td>
        </tr>
        <tr>
          <td>
            <label for="uemail">Email</label>
          </td>
          <td>
            <input 
            type="text" 
            id="uemail" 
            name="usermail">
            <button type="button">Check</button>
          </td>
        </tr>
        <tr>
          <td>
            <label for="age">Age</label>
          </td>
          <td>
            <input 
            type="text" 
            name="userage" 
            id="age" size="2" 
            maxlength="2">
          </td>
        </tr>
        <tr>
          <td>
            <label>Country</label>
          </td>
          <td>
            <input 
            type="text" 
            value="India" 
            name="country" 
            disabled>
          </td>
        </tr>
        <tr>
          <td>
            <label for="pass">Password</label>
          </td>
          <td>
            <input 
            type="password" 
            id="pass">
          </td>
        </tr>
        <tr>
          <td>
            <label for="res">Resume</label>
          </td>
          <td>
            <input 
            type="file" 
            id="res">
          </td>
        </tr>
        <tr>
          <td>
            <label>Hobbies</label>
          </td>
          <td>
            <label>
              <input 
              type="checkbox" 
              checked> Cricket
            </label>
            <label>
              <input type="checkbox"> Football
            </label>
          </td>
        </tr>
        <tr>
          <td>
            <label>Gender</label>
          </td>
          <td>
            <label>
              <input 
              type="radio" 
              value="f" 
              name="gender"> 
              Female
              </label>
            <label>
              <input 
              value="m" 
              type="radio" 
              name="gender"> 
              Male
              </label>
          </td>
        </tr>
        <tr>
          <td>
            <label for="city">City</label>
          </td>
          <td>
            <select id="city" name="city">
              <option disabled selected>
              --Choose City--
              </option>
              <optgroup label="Metros">
                <option>New Delhi</option>
                <option>Mumbai</option>
                <option>Chennai</option>
                <option>Kolkata</option>
              </optgroup>
              <optgroup label="Others">
                <option>Noida</option>
                <option>Gurgram</option>
                <option>Faridabad</option>
                <option>Ghaziabad</option>
              </optgroup>
            </select>
          </td>
        </tr>
        <tr>
          <td>
            <label>Address</label>
          </td>
          <td>
            <textarea rows="4" cols="40"></textarea>
          </td>
        </tr>
        <tr>
          <td></td>
          <td>
            <input type="submit" value="Submit">
            <input type="reset">
          </td>
        </tr>
      </table>
    </form>
  </center>
</body>

</html>
Download html-4.html

Output

Image output for html-4.html
Live Demo html-4.html

Last updated