Home >> FAQs/Tutorials >> XHTML Tutorials and Tips >> Index

XHTML Tutorial - Different Types of "input" Elements

By: FYIcenter.com

(Continued from previous topic...)

How Many Input Types Are Supported by "input" Elements?

There are 10 input types are supported by "input" elements:

  • <input type="text"> - Input text box. This is also the default type.
  • <input type="password"> - Password input box, which works like an input text box, but input text is hidden by "*" characters.
  • <input type="checkbox"> - Check box.
  • <input type="radio"> - Radio button.
  • <input type="submit"> - Submit button. If a submit button is clicked, form input data will be submitted to the form processing program.
  • <input type="reset"> - Reset button. If a reset button is clicked, all input fields will be reset to their default values.
  • <input type="file"> - File upload field, which has an input box and a file browse button.
  • <input type="hidden"> - Hidden field, which has a predefined input value invisible on the browser window.
  • <input type="image"> - Image button. If an image button is clicked, the mouse coordinates on the image and other form input data will be submitted to the form processing program.
  • <input type="button"> - Non-submit button. If a non-submit button is clicked, form input data will not be submitted. Only client side script will be triggered.

(Continued on next topic...)

  1. What Is a "form" Tag/Element?
  2. What Are the Attributes of a "form" Element?
  3. What Is an "input" Tag/Element?
  4. How Many Input Types Are Supported by "input" Elements?
  5. How To Use "text" Input Fields?
  6. How To Use "password" Input Fields?
  7. How To Use "checkbox" Input Fields?
  8. What Are the Values Submitted on Checkbox Fields?
  9. How To Use "radio" Input Fields?
  10. What Are the Values Submitted on Radio Button Fields?
  11. How To Use "submit" Input/Action Fields?
  12. What Are the Values Submitted on Submit Button Fields?
  13. How To Use "reset" Input/Action Fields?
  14. How To Use "file" Input Fields?
  15. How To Use "hidden" Input Fields?
  16. How To Use "image" Input Fields?
  17. What Are the Values Submitted on Image Button Fields?
  18. How To Use "button" Input Fields?
  19. What Is a "textarea" Tag/Element?
  20. What Are the Attributes of a "textarea" Element?
  21. What Is a "select" Tag/Element?
  22. What Is an "option" Tag/Element?
  23. What Is a "label" Tag/Element?
  24. Can Two Forms Be Nested?
  25. Do Broswers Support Multiple Forms?


Selected Developer Jobs:

More...