FLAT FORMS Jazz-up your forms.

Individualize your forms! Now you can easily have colored forms in a flat-look style AND hand-cursor-on-mouse-over buttons.

DEMO

Your name

Your e-mail


Your message to the Web Master
THIS FORM DOES NOT WORK

First, copy the script below in between your HEAD tags.

<style type="text/css"> <!-- .input2 { font-size: 12px; border: 1px solid black; font-family: Georgia, Times, Arial, Helvetica, sans-serif; margin:3px; padding:3px; color:red; background-color:#00ff00; } .input3 { font-size: 14px; border: 1px solid red; font-family: Georgia, Times, Arial, Helvetica, sans-serif; margin:3px; padding:3px; color:#ffd700; background-color:#ffe0e0; cursor:hand; } --> </style>

Copy the table below in to the part of the BODY where you want the output to go. Set the style yourself.

<FORM action="http://" method="post"> <FONT size="2" face="Arial,Helvetica" color="black"><B>Your name</B></FONT> <br /><INPUT type="text" name="name" size="16" value="optional" onFocus="value=' '" class="input2"> <br /><FONT size="2" face="Arial,Helvetica" color="black"><B>Your e-mail</B></FONT> <br /><INPUT type="text" name="replyemail" size="16" value="optional" onFocus="value=' '" class="input2"> <br /><INPUT type="submit" name="submit" value="Click to send message" class="input3"> <br /><FONT size="2" face="Arial,Helvetica" color="black"><B>Your message to the Web Master</B></FONT> <br /><TEXTAREA wrap="virtual" name="comments" cols="40" rows="7" class="input2" style="background:white;">THIS FORM DOES NOT WORK