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

XHTML Tutorial - Using "text" Input Fields

By: FYIcenter.com

(Continued from previous topic...)

How To Use "text" Input Fields?

A "text" input field is defined as <input type="text" .../>. A "test" input field can be used to create input field to allow viewers to enter text strings or numbers. There are other attributes you may need to use for a "text" input field:

  • name="fieldName" - Specifies the name of this field.
  • value="defaultValue" - Specifies a default value for this field.
  • size="number" - Specifies the size of the input box in number of characters.
  • maxlength="number" - Specifies the maximum length of the input data.

Here is a tutorial example with two text 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>Text Input Fields</title>
 </head>
 <body>
  <h4>Online Survey</h4>
  <form action="/survey.php">
  <p style="background-color: #eeeeee; padding: 8px;">
   Your name: <input type="text" name="name"
    value="Joe Miller"/><br/>
   Your email: <input type="text" name="email"
    value="joe@miller.com" size="32" maxlength="60"/><br/>
   <input type="submit" value="Submit"/>
  </p>
  </form>
 </body>
</html>

If you save the above document as text_input.html, and view it with Internet Explorer, you will see a form with two text input fields of different sizes as shown below:
            Text 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...