Forms Course

 

TEXTAREA Field

The TEXTAREA field will produce a larger text box for the user to type in and submit with the form. The size of this TEXTAREA text box can be determined by using COLS and ROWS attributes.

Here are the opening and closing tags for TEXTAREA:

<TEXTAREA> and </TEXTAREA>

Next we must add an identifying NAME to this field. Each TEXTAREA in your form must have it's own NAME.

<TEXTAREA NAME="descriptive text"> </TEXTAREA>

Next add the attributes to determine the size of your TEXTAREA text box. COLS is how many columns wide the TEXTAREA text box is and ROWS are how many rows in height your TEXTAREA text box is.

<TEXTAREA NAME="descriptive text" COLS="40" ROWS="5">
</TEXTAREA>

Let's take a look at what that will produce:

So let's add a TEXTAREA text box to our code:

<FORM ACTION="mailto:whoever@nowhere.org" METHOD="POST" ENCTYPE="text/plain">
<b>Who Are You ?</b>
<INPUT TYPE="text" NAME="name of sender" SIZE="15">
<p>
<b>What Sites Have You Been To ?</b>
<p>
<b>Draac.Com</b>
<INPUT TYPE="checkbox" NAME="Have they been to draac.com ?" VALUE="Yes, has been to draac.com.">
<b>Gifs 123</b>
<INPUT TYPE="checkbox" NAME="Have they been to gifs 123 ?" VALUE="Yes, has been to gifs 123.">
<b>The Board</b>
<INPUT TYPE="checkbox" NAME="Have they been to the board ?" VALUE="Yes, has been to the board.">
<p>
<b>Do You Want A Catalog ?</b>
<p>
<b>Yes</b>
<INPUT TYPE="radio" NAME="Do you want a catalog ?" VALUE="Yes">
<b>No</b>
<INPUT TYPE="radio" NAME="Do you want a catalog ?" VALUE="No">
<b>Not At This Time</b>
<INPUT TYPE="radio" NAME="Do you want a catalog ?" VALUE="Not At This Time">
<p>
<b>Add Any Addtional Comments</b>
<p>
<TEXTAREA NAME="Addtional Comments" COLS="40" ROWS="5">
</TEXTAREA>
<p>
<INPUT TYPE="submit" VALUE="Submit This Form">
</FORM>

Here is what our form looks like now:

Note: My example forms in this course are non-functioning and can not be submitted.

Who Are You ?

What Sites Have You Been To ?

Draac.Com Gifs 123 The Board

Do You Want A Catalog ?

Yes No Not At This Time

Add Any Addtional Comments

That is our completed form. Add more fields if you would like and/or edit/format the form to suit your needs. In the next section we will talk about other INPUT types that can be used within a form.