September 23, 2012

Html Form Text Area

Well in our previous tutorial we are using input text field by using Form attribute, and as what I say if we use form in our Html  it is start <FORM> and end </FORM> if you like to see our previous tutorial you must go here : Html Form.

Now let us to make a note in our text content in our website and how we can put a scroll bar using text, adjusting the width and height?

This tutorial are different that we been discuss in the form attribute and once again we are going to introduce our Text area attribute. Text area attribute means is a kind of shape or frame that we need to adjust the border in our text content.


Our code tag:
Text area tag starting <TEXTAREA> and end </TEXTAREA>
Text Area attribute Tag are form that you can drag and drop their sizes or shape.


========================================================================
First Sample:

Using text area attribute.


<TEXTAREA> This tutorial for my connecting family, learn now in our a basic html tutorial and try it our free Css Template and Flash template.

Your family,

Guideinfoyou

</TEXTAREA>


In our browser looks like this.



========================================================================

Second Sample:

Using text Area putting name.


<TEXTAREA NAME="OUR TEXTAREA"> 
This tutorial for my connecting family, learn now in our a basic html tutorial and try it our free Css Template and Flash template.

Your family,

Guideinfoyou

</TEXTAREA>


In our browser looks like this.



========================================================================


Third Sample:

Using text Area align or position: Left, Right Top, and Bottom
Note: if you use this code check properly the closing tag and the syntax code if any.

Left position


<TEXTAREA STYLE="POSITION:ABSOLUTE;LEFT:150PX"> 
This tutorial for my connecting family, learn now in our a basic html tutorial and try it our free Css Template and Flash template.

Your family,

Guideinfoyou

</TEXTAREA>


In our browser looks like this.



========================================================================.

Fourth Sample:

Using text Area adjusting width and height the border show.


<TEXTAREA STYLE="WIDTH:200PX;HEIGHT:200PX"> 
This tutorial for my connecting family, learn now in our a basic html tutorial and try it our free Css Template and Flash template.

Your family,

Guideinfoyou

</TEXTAREA>


In our browser looks like this.


========================================================================
So we have now a text area form, you can put it now in your website and design your website content using text area attribute. Good luck.

Next to Html Form Select Tag list
Return to:

No comments:

Post a Comment

Share Us

| Guideinfoyou (Guideline and Learning tactics) © 2008- 2014 w/blogger. All Rights Reserved | Designed by Virgil R. Toling Jr |