The Text Area Widget

The Text Area Widget

There are many circumstances in which you want to allow the user to enter more than simply one line of text. In such a situation, the widget you want to use is the Text Area. Below is an example Text Area widget.

The previous Text Area widget was created with the following code:

    <FORM>
    <TEXTAREA   NAME    = "demo"
                ROWS    = "6"
                COLS    = "30"
                >
        
    </TEXTAREA>
    </FORM>

Notice how you can type in multiple lines to the text area widget and scroll up and down using the scroll bar on the right and left and right with the scrollbar on the bottom.
Notice also, that as usual, the input widget includes a NAME attribute that will be used for creating the HTTP body. In the case of the text area widget, the text that the user types into the widget will be set as the VALUE for this NAME. http://Stars.com/Development/Webprog/textarea_widget.html
The Text Area widget also has several other attributes that affect how it works. The following table outlines them:

Attribute	Description
NAME	Specifies the variable name associated with this widget
ROWS	Specifies the height of the text area widget
COLS	Specifies the width of the text area widget
WRAP	Specifies the logic of word wrapping. It can be NONE, SOFT or HARD as explained below

The ROWS and COLS Attributes

Of course, the above text area is not very easy to use since it is so small. The Text Area widget also has two attributes that affect the size of the widget. These are the ROWS and COLS attributes and are best shown by example. Consider the following text area widget.

The previous Text Area widget was created with the following code:

    <FORM>
    <TEXTAREA   NAME = "demo"
                ROWS = "6"
                COLS = "30"
                >
    </TEXTAREA>
    </FORM>

The WRAP Attribute

The Text Area widget also allows you to specify how word wrapping will function. You can specify NONE, SOFT, or HARD word wrapping. SOFT word wrapping means that the widget will wrap text in the browser windows but will not report the wrapping information to the server. HARD word wrapping, on the other hand, will be reported as multiple lines. NONE means that the text area widget will not wrap text at all.
You have already seen text areas without word wrapping above since the text area defaults to NONE. But you have not seen a text area with word wrapping. We will show you one of those below (notice that if you type a line that is too long to fit in the text area, it will wrap to the next line automatically:

The previous Text Area widget was created with the following code:

    <FORM>
    <TEXTAREA   NAME = "demo"
                ROWS = "6"
                COLS = "30" 
                WRAP = "HARD"
                >
    </TEXTAREA>
    </FORM>

Default Text

Finally, you should know that you can add default text to the text area simply by placing it between the opening and closing TEXTAREA tags as follows:

The previous Text Area widget was created with the following code:

    <FORM>
    <TEXTAREA   NAME = "demo"
                ROWS = "6"
                COLS = "30" 
                WRAP = "HARD"
                >
    Here is some defalt text
    </TEXTAREA>
    </FORM>

The Select Widget
Table of Contents
The Button Widgets

Graphics & Media Lab. >> Áèáëèîòåêà | Êóðñû | Ãðàôèêîí

Hosted by Graphics & Media Lab
http://graphics.cs.msu.su

mailto: Laboratory