Go Back

Type of Form Controls | input type text, password, Radio, Checkbox

3/14/2024
All Articles

#Type of Form Controls | input type text, password, Radio, Checkbox

Type of Form Controls | input type text, password, Radio, Checkbox

Different types of form controls

All website of world is using form for many usecase. Forms are often used as contact form to convert information input by a user into leads. Forms includes many inputs controls like text, password, file, radio, checkbox etc.
The elements used in HTML form are form tag as parent, input, textarea,, select, button and label.
Certainly! HTML provides various form controls or input types that allow users to input different types of data. Here are some commonly used form controls:

  • Text Input: <input type="text">
    Allows users to input single-line text.
     
  • Password Input: <input type="password">
    Allows users to input password.

     
  • Allows users to input multi-line text..
    Textarea: <textarea>
     
  • Allows users to select one or more options from a list of choices.
    Checkbox: <input type="checkbox">

     
  • Radio Button: <input type="radio">
    Allows users to select one option from a list of choices.
     
  • Dropdown Menu: <select> with <option> tags
    Presents a list of options in a dropdown menu, allowing users to select one option.
     
  • File Input: <input type="file">
    Allows users to upload files from their device.
     
  • Submit Button: <input type="submit">
    Submits the form data to the server.
     
  • Reset Button: <input type="reset">
    Resets the form fields to their initial values.
     
  • Hidden Input: <input type="hidden">
    Allows developers to include data in the form submission without displaying it to the user.
     
  • Number Input: <input type="number">
    Allows users to input numeric values.
     
  • Email Input: <input type="email">
    Validates that the input is a valid email address.
     
  • URL Input: <input type="url">
    Validates that the input is a valid URL.
     
  • Date Input: <input type="date">
    Provides a date picker for selecting dates.


Conclusion

In this article, eldset also supports disabled attribute. By adding disables attribute, all form controls including submit button are disabled. Thus user cannot fill and submit form data.we learn multiple way create form controle .Each input type has its own attributes and behaviors that can be customized to suit specific requirements.
 

Article