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

XHTML Tutorial - Using "textarea" Input Fields

By: FYIcenter.com

(Continued from previous topic...)

What Is a "textarea" Tag/Element?

A "textarea" element is an inline element that you can use to define a large input area in a form. Here are basic rules about a "textarea" element:

  • "textarea" elements are inline elements.
  • "textarea" elements can only be used as sub-elements of "form" elements.
  • A "textarea" element requires an attribute called "rows" to define the number of rows of the input area.
  • A "textarea" element requires an attribute called "cols" to define the number of columns of the input area.
  • A "textarea" element can have empty content.
  • A "textarea" element can have text content.
  • A "textarea" element can no have any sub-elements.
  • A "textarea" element will be displayed by browsers as a rectangular input area.
  • Content of a "textarea" element will be displayed as default data in the input area.

Here is a tutorial example of "textarea" 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>Textarea Input Fields</title>
 </head>
 <body>
  <h4>Online Survey</h4>
  <form action="http://localhost/submit" method="get">
  <p style="background-color: #eeeeee; padding: 8px;">
   Your name: <input type="text" name="name"
    value="Joe"/><br/>
   Feedback: <textarea cols="16" rows="4">Nice site.
    </textarea><br/>
   <input type="submit" value="Submit"/> 
  </p>
  </form>
 </body>
</html>

If you save the above document as text_area.html, and view it with Internet Explorer, you will see a text input area in the form as shown below:
            Text Area Iuput

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