The Html Help Guide

HTML



 WHAT'S NEW 
 HTML FORUM 
 SITE MAP 
 REQUEST HELP 
 TRADE LINKS 
 FREE LINKS PAGE 




SmallDot.com


BraveNet


TrafficSwarm


Submit9000


CodeBrain


Color Schemer


FlashBanger


123TurnKey.com


Web Page Templates


Dynamic Drive


Javascript Source


Javascript City


Javascript Kit


JavaPowered


FreewareJava
Home
General
HTML
Java Applets
Javascript
Wizards
Contact


The Html Help Guide


Feedback Forms
Adding Some Style



So far we've covered how to create a basic feedback form and how to configure it for the FomLog service. Now let's add a little style to the functionality. Let me start by displaying a basic form (taken from page one).

Your Name


Email Address


Web Site URL


Did you enjoy my web site?    Yes     No

How did you find this web site?  

Any Comments or Questions?


    



The same form with a little style added.

Your Name


Email Address


Web Site URL


Did you enjoy my web site?    Yes     No

How did you find this web site?  

Any Comments or Questions?

    


This was done by placing the form in a table and then adding some style commands. Below is the source code used, complete with the FormLog setup fields. With a little experimenting you will find out what does what.

<table bgcolor="#C0C0C0" cellpadding="8" style="border:6px ridge #5B5B5B">
<tr>
<td>
<form action="http://www.formlog.com/cgi-bin/formuk.cgi" method="POST">
<input type="hidden" name="username" value="yourusername">
<input type="hidden" name="subject" value="Subject Of Form">
<input type="hidden" name="required" value="name,email,comments">
<input type="hidden" name="title" value="Thanks For Contacting Us!">
<input type="hidden" name="logo" value="http://www.yoursiteurl.com/mylogo.gif width=500 height=100">
<input type="hidden" name="background" value="http://www.yoursiteurl.com/bg1.jpg">
<input type="hidden" name="bgcolor" value="#FFFFFF">
<input type="hidden" name="text_color" value="#000000">
<input type=hidden name="link_color" value="#0000FF">
<input type="hidden" name="vlink_color" value="#9933FF">
<input type="hidden" name="alink_color" value="#FF0000">
<input type="hidden" name="return_url" value="http://www.yoursiteurl.com/">
<input type="hidden" name="return_title" value="Return to The Web Site">

<!-- End Of FormLog Setup -->

Your Name<br>
<input type="text" size="40" name="name" style="background-color: #FFFFFF; color:#000000; border:1px solid #000000">
<br><br>
Email Address<br>
<input type="text" size="40" name="email" style="background-color: #FFFFFF; color:#000000; border:1px solid #000000">
<br><br>
Web Site URL<br>
<input type="text" size="40" name="email" style="background-color: #FFFFFF; color:#000000; border:1px solid #000000">
<br><br>
Did you enjoy my web site?
&nbsp;&nbsp;&nbsp;&nbsp;
<input type="radio" name="enjoysite" value="yes">Yes
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="radio" name="enjoysite" value="no">No <br><br>
How did you find this web site?&nbsp;&nbsp;
<select name="findsite">
<option selected>Choose One
<option>Search Engine
<option>Banner Ad
<option>Links Page
<option>Other
</select>
<br><br>
Any Comments or Questions?<br>
<textarea name="comments" rows="8" cols="40" style="background-color: #FFFFFF; color:#000000; border:1px solid #000000"></textarea>
<br>
<input type="submit" value="Send" style="background-color: #414141; color: #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF">
&nbsp;&nbsp;&nbsp;&nbsp;
<input type="reset" value="Reset" style="background-color: #414141; color: #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF">
</form>
</td>
</tr>
</table>



PREVIOUS PAGE




Join the Html Help Guide mailing list
Enter your email address.
Subscribe    Unsubscribe