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

XHTML Tutorial - "input" Tag/Element

By: FYIcenter.com

(Continued from previous topic...)

What Is an "input" Tag/Element?

An "input" element is an inline element that can used inside a "form" element to define an input field. Here are basic rules about an "input" elements:

  • An "input" element is an inline element. It can not be used directly inside a "form" element. It can only be used inside a block sub-element of a "form" element.
  • An "input" element is an empty content element.
  • An "input" element defines an input field which may or may not be visible in a browser.
  • An "input" element has an attribute called "type" that allows you to define the type of input field, like a text input, a checkbox, or a radio button.

Here is a tutorial example of a form with 3 input fields:

<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
 <head>
  <title>Input Fields</title>
 </head>
 <body>
  <h4>Online Survey</h4>
  <form action="/survey.php">
  <p style="background-color: #eeeeee; padding: 8px;">
   Your name: <input/><br/>
   You like FYIcenter.com: <input type="checkbox"/><br/>
   <input type="submit" value="Submit"/>
  </p>
  </form>
 </body>
</html>

If you save the above document as input_fields.html, and view it with Internet Explorer, you will see a form with an input text box, a checkbox, and a button as shown below:
            Form Input Fields

(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...