Textarea with BG Image

David Sosnowski Oct 20, 2004

Need a quick, easy way to add an image to the background of a textarea? This script is a great way to dress up the bland textareas on your page. Add any image you choose.

The JavaScript Source: Miscellaneous: Textarea with BG Image

Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Command-s). The script is yours!!!

<!-- TWO STEPS TO INSTALL TEXTAREA WITH BG IMAGE:

1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  -->

<HEAD>

<style>
textarea{
background-image:url(blue_saturn.jpg);
color:ff0000;
}
</style>
</HEAD>

<BODY>

<center>      
<form name="The">
<textarea rows="12" cols="74" name="Code">

</textarea>
</form></center>

<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>

Did you use this script? Do you like this site? Please link to us!

Leave a Response

(0 comments)

Alphabetical Listing

Tutorials

Ajax Tutorials

Ajax

Buttons

Cookies

CSS

Forms

Games

Generators

Image Effects

Math Related

Miscellaneous

Multimedia

Navigation

Page Details

Password

Snippets

Text Effects

Time & Date

User Details

Textarea with BG Image

Leave a Response

Attention JavaScript Coders

Go Deeper