Things To Do With Textarea Form Fields

By Will Bontrager
2005-09-26


Textarea Field With Background Image

Background images can be put into textarea form fields.

Here, the image is a photo of the author, placed once (not repeated), and centered in the textarea field. The text is white, 44 pixels in size, and the background is black:

<form>

<textarea 

   cols="15" 

   rows="5" 

   style="

      font-size:           44px; 

      color:               white; 

      background-image:    url(http://flowto.info/will.jpg); 

      background-repeat:   no-repeat;

      background-position: center; 

      background-color:    black;" 

    wrap="off">

</textarea>

</form>

Add a

readonly="yes"

attribute, and nobody can type onto the photo's generous black frame :)

Tutorial Pages:
» Things To Do With Textarea Form Fields
» Automatically Selecting Content
» Specifying Text Style, Wrap Characteristics, and Read Only
» Bold Text and Text/Background Colors
» Textarea Field With Background Image


Copyright 2004 Bontrager Connection, LLC

Related Tutorials: » JavaScript Debugging Techniques with Firebug » Striped Tables Using JavaScript » Opening PDFs in a New Window with JavaScript » Essential Javascript -- A Javascript Tutorial » Submit Forms Conditionally using JavaScript » How to Setup a Randomising Function