WebBuilder101 - Making the web happen!
Need Web Dev software? Here is the place to
Flash Point
Customizing the Input text box

By Eddy R.
8-28-00

Ever wanted to customize your site's Input text boxes but don't know how? Well, here is a quick and easy way to do it, and the results can give your Forms a little more life.

The HTML

Check Creating Forms if you need a refresher on Forms. The HTML of a regular Input text box looks something like this.

<form method="post" action="formhandler">
<input type="text" size="25" name="normalform">
</form>

 

Of course you still need to add the Reset and Submit buttons, and other Form Objects if needed - such as a Check Box, a Radio Button, etc. To alter the appearance of your Form you need to add the following code to the HTML of your form.

<Form method="post" action="formhandler">
<input type="text" size="25" style="border:13px solid #FFCC00;" name="funform">
</form>

Here are the results!

Note that this little trick will not work on Netscape Navigator, however Netscape 6 promises to be robust enough (by complying with standards) for it to work then.

 

.

 

More Resources
Creating Forms
Creating Image Buttons
Forms and Form Handlers

Suggested Reading

Beginning Active Server Pages 3.0
JavaScript Bible
Red Hat Linux
Dreamweaver 3.0
HTML Bible



Download WB101 Wallpaper
• Web Builder 101 Wallpaper Get it!.
• Find out how to create your own Wallpaper Teach me!.
Sign up for our Newsletters
• Web Building Sign me Up!.
• Net Alert! Sign me Up!.
Need Help?
• Contact Support Click here.
• E-mail the Webmaster Click Here.
• Search Tips Click Here.

Webbuilder101.com © 1998 - 2003 Copyright and Terms of Use
Send mail to: webmaster@webbuilder101.com

» About » Support

» FAQ » What's New » MyLog

Web Builder 101 Web Builder 101 - Making the Web Happen Web Builder 101 - Making the Web Happen
.