HTML

Program for to display an application form |HTML|

Introduction

    HTML provides a variety of form controls to collect different types of data from users. These include text input fields, radio buttons, checkboxes, dropdown menus, and buttons. By combining these elements strategically, you can design a form tailored to your specific needs.


Code

    
     
     <html>
     <head>
     <title>Application Form </title>
     </head>
     <body>
         <h1 style="text-align: center;">Application Form </h1>
         <form align="center">
        Name:  <input type="text"> <br> <br>
        Phone:  <input type="text"> <br> <br>
        Gender: <br> <br>
         <input type="radio" name="gender">Male
         <input type="radio" name="gender">Female <br> <br>
        Bonus Mark: 
         <input type="checkbox">Swimming certificate
         <input type="checkbox">Sports certificate
         <input type="checkbox">NSS <br> <br>
        Course:
         <select>
             <option selected>BCA </option>
             <option>Bsc.Physics </option>
             <option>BA English </option>
             <option>BA Economics </option>
             <option>BBA </option>
             <option>Bcom </option>
         </select> <br> <br>
         <input type="submit">
         <input type="reset">
         </form>
     </body>
     </html>


Output




  • Text Inputs: Allow users to enter text information like their name and phone number.
  • Radio Buttons: Let users select one option from a set of options (in this case, gender).
  • Checkboxes: Enable users to select multiple options (e.g., bonus marks for certificates).
  • Dropdown Menu (Select): Provides a list of options for users to choose from (here, the course options).
  • Submit and Reset Buttons: Submit button sends the form data to a server for processing, while the reset button clears the form inputs.

Conclusion

     Creating an application form using HTML form controls is a straightforward process that can greatly enhance user interaction on your website. By structuring the form appropriately and utilizing various input elements, you can efficiently gather the necessary information from your users. Feel free to customize the form according to your specific requirements and integrate it seamlessly into your website for a smoother user experience.

Post a Comment

0 Comments