PDA

View Full Version : Does anyone know where I can get a....????

Miss_Thang
06-25-2004, 05:03 PM
Does anyone know where there is a really good tutorial on how to make your own form, with validation (*where if a field is left empty it does not submit*), and where I can add a drop down subjuect bar thingy. What I want is something like this : http://christinamilian.org/feedback.php

Now I tried coding mine using a tutorial from daydreamgraphics.com and here's how it is:

<html>
<head>
<title>Todoporaventura.com :++:Es Una Obsession:++:</title>
<head>
<style type="text/css">
body{
background-color: #EFF5FF;
scrollbar-arrow-color: #9FB3BB;
scrollbar-base-color: #EFF5FF;
scrollbar-dark-shadow-color: black;
scrollbar-track-color: #EFF5FF;
scrollbar-face-color: #EFF5FF;
scrollbar-shadow-color: black;
scrollbar-highlight-color: grey;
scrollbar-3d-light-color: black;
}
A { text-decoration: underline; color:#000000; }
A:hover { text-decoration: none; color:#000000; cursor:Col-Resize;}}
-->
</style>
</head>
<body>

<center><span style="width: 150px; height: 50px; font-size: 30px; font-family: starstruck; color: #ffffff; filter: glow(color=#000000, strength=5)">::Contact&nbsp;Form::</span></center>
<form action="formmail.php" method="post">
<table width="95%" bgcolor="#eff5ff" border="0" cellspacing="1" class="tablestyle" cellpadding="1" align="center">
<tr><td>Name:</td>
<td><input type="text" name="name" size="15">
</td>
</tr>
<tr>
<td>Email : </td>
<td>
<input type="text" name="email" size="15">
</td>
</tr>
<tr>
<td>Comments : </td>
<td>
<textarea name="comments" cols=20 rows="3"></textarea>
</td>
</tr>
</table></form>

</body>
</html>


Now I have no clue on how to add a bground color, add a dropdown menu, and validate my form, and how to put the send/clear buttons (*my way*). And the "name" "comments" and "e-mail" is too far from the tables...don't understand :confused:
ProfBelen
06-25-2004, 05:36 PM
Well here everything your were asking for exceot the validation. I dont know hos to do that.

<html>
<head>
<title>Todoporaventura.com :++:Es Una Obsession:++:</title>
<head>
<style type="text/css">
body{
background-color: #EFF5FF;
scrollbar-arrow-color: #9FB3BB;
scrollbar-base-color: #EFF5FF;
scrollbar-dark-shadow-color: black;
scrollbar-track-color: #EFF5FF;
scrollbar-face-color: #EFF5FF;
scrollbar-shadow-color: black;
scrollbar-highlight-color: grey;
scrollbar-3d-light-color: black;
}
A { text-decoration: underline; color:#000000; }
A:hover { text-decoration: none; color:#000000; cursor:Col-Resize;}}
-->
</style>
</head>
<body>

<center><span style="width: 150px; height: 50px; font-size: 30px; font-family: starstruck; color: #ffffff; filter: glow(color=#000000, strength=5)">::Contact&nbsp;Form::</span></center>
<form action="formmail.php" method="post" enctype="text/plain" >
<table bgcolor="#eff5ff" cellspacing="1" class="tablestyle" cellpadding="1" align="center">
<tr>
<td>Name :<br> <input type="text" name="name" size="15"><br><br>
</td>
</tr>
<tr>
<td>
Email :<br><input type="text" name="email" size="15"><br><br>
</td>
</tr>
<tr>
<td>
Comments :<br><textarea name="comments" cols=20 rows="3"></textarea><br><br>
</td>
</tr>
<tr>
<td>
How did you learn about this website?:<br>
<select name="animal" size="1">
<option>Select option</option>
<option value="D Refrence">Direct Refrence</option>
<option value="B Card">Buiseness Card</option>
<option value="Friend">Friend</option>
<option value="Search Engine">Search Engine</option>
<option value="other">Other</option>
</select>
</td>
</tr>
<tr>
<td>
<br><input type="submit" value="Submit">
<input type="reset" value="Reset Form">
</td>
</tr>
</table>
</form>
</body>
</html>


Heres lissa's tutorial on forms:
http://www.lissaexplains.com/html4.shtml
Miss_Thang
06-25-2004, 06:11 PM
Thnx so much. just a couple of other ?'s that i need help with. If I move where it says "how did you learn about this website" and the stuff underneathe it to where the comments part is and move the comments part to where that is (*lol hope that wasn't confusing*) will it change the whole code....like mess it up?? And if I change "how did you learn about this website" to "Subject" and put all the subjects i want...will it appear on the subject part of the mail when it's being sent to me?

Also, I didn't see this on the link you gave me but how can i put/make my own "send" "clear" buttons...customize it the way i want.

And one last thing...where do I put my e-mail *hidden* so that's where it'll be sent? like when they click "send" it will go to my e-mail but they won't see it!

:lol: I'm sooooooo sorry I know it's a lot! I'm just...how can i say...in a BIG need to get this done (lol)....sry, sry, sry!!! *I'll try to figure out how to validate it* THANKS AGAIN FOR YOUR HELP !!!!!!!!!
ProfBelen
06-25-2004, 08:25 PM
ProfBelen
06-25-2004, 08:35 PM
I switched Comments and the other text box. You need to change the line that says <form action="mailto:you@you.com" method="post" enctype="text/plain">
Change you@you.com to your email address(it will be hidden). I added a line that will set your subject to whatever you want it to be, <input type="hidden" name="To" value="subject"> change subject to whatever you want the subject to be. I dont know how to make the drop down menu be the subject, you will have to ask someone else.


<html>
<head>
<title>Todoporaventura.com :++:Es Una Obsession:++:</title>
<head>
<style type="text/css">
body{
background-color: #EFF5FF;
scrollbar-arrow-color: #9FB3BB;
scrollbar-base-color: #EFF5FF;
scrollbar-dark-shadow-color: black;
scrollbar-track-color: #EFF5FF;
scrollbar-face-color: #EFF5FF;
scrollbar-shadow-color: black;
scrollbar-highlight-color: grey;
scrollbar-3d-light-color: black;
}
A { text-decoration: underline; color:#000000; }
A:hover { text-decoration: none; color:#000000; cursor:Col-Resize;}}
-->
</style>
</head>
<body>

<center><span style="width: 150px; height: 50px; font-size: 30px; font-family: starstruck;

color: #ffffff; filter: glow(color=#000000,

strength=5)">::Contact&nbsp;Form::</span></center>
<form action="mailto:you@you.com" method="post" enctype="text/plain" >
<input type="hidden" name="To" value="subject">
<table bgcolor="#eff5ff" cellspacing="1" class="tablestyle" cellpadding="1"

align="center">
<tr>
<td>Name :<br> <input type="text" name="name" size="15"><br><br>
</td>
</tr>
<tr>
<td>
Email :<br><input type="text" name="email" size="15"><br><br>
</td>
</tr>
<tr>
<td>
How did you learn about this website?:<br>
<select name="how" size="1">
<option>Select option</option>
<option value="D Refrence">Direct Refrence</option>
<option value="B Card">Buiseness Card</option>
<option value="Friend">Friend</option>
<option value="Search Engine">Search Engine</option>
<option value="other">Other</option>
</select>
</td>
</tr>
<tr>
<td>
Comments :<br><textarea name="comments" cols=20 rows="3"></textarea><br><br>
</td>
</tr>
<tr>
<td>
<br><input type="submit" value="Submit">
<input type="reset" value="Reset Form">
</td>
</tr>
</table>
</form>
</body>
</html>


((I didnt mean to double post, i dont know what happened))
Miss_Thang
06-25-2004, 10:08 PM
Thnx soooo much :D I'll try to figure out the rest!!!! But, again, thank you so much!
ProfBelen
06-25-2004, 10:35 PM
Your welcome!