Internet Technologies
1.0.0
1.0.0
  • Introduction
  • Contents
  • Practical List
  • HTML & CSS
    • Q1
    • Q2
    • Q3
    • Q4
    • Q5
  • JAVA Programs
    • Q6
    • Q7
    • Q8
    • Q9
    • Q10
    • Q11
    • Q12
  • JAVASCRIPT
    • Q13
    • Q14
    • Q15
  • JDBC
    • Q16
    • Q17
  • JSP
    • Side Note
    • Q18
    • Q19
    • Q20
    • Q21
    • Q22
    • Q23
  • End
Powered by GitBook
On this page
  • Code
  • Output
  1. HTML & CSS

Q4

Question 4

PreviousQ3NextQ5

Last updated 4 years ago

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>

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>

Output

Try or Test The Corresponding Code Here

Browse Source Code
Live Demo html-4.html
3KB
html-4.html
Download html-4.html
Image output for html-4.html