How to add a contact simple form

  • 1
  • Idea
  • Updated 9 years ago
Here is how to add a quick contact form (I made this out of bordem. Feel free to use)

<!--<form action="mailto:YOUR EMAIL HERE?subject=Website Feedback" method="post" enctype="text/plain">
<table>
<tr>
<td>Email Adress:</td>
<td>
<input type="text" name="email_address" value="" maxlength="100" />
</td>
</tr>
<tr>
<td>Name:</td>
<input type="text" name="Name" value="" maxlength="100" />
</td>
</tr>
<tr>

<td>Comments:</td>
<td>
<textarea rows="5" cols="30" name="comments"></textarea>
</td>
</tr>
<tr><td> </td>
<td>
<input type="submit" value="Submit" />
</td>
</tr>
</table>
</form>-->
Photo of Pitfall

Pitfall

  • 44 Posts
  • 0 Reply Likes
  • Helpful

Posted 9 years ago

  • 1
Photo of Emmy

Emmy

  • 5892 Posts
  • 299 Reply Likes
Thanks for sharing that Pitfall!
Photo of Denise

Denise

  • 393 Posts
  • 3 Reply Likes
I just tried it and nothing is working for me this afternoon. All I need to do is drag and drop an html box and then copy the code into it and I should have a contact form. Am I right or am I missing something, besides my one remaining marble, LOL!!!
Photo of Denise

Denise

  • 393 Posts
  • 3 Reply Likes
Oh wait, I see, I have to remove some characters at the beginning and end of that code. Nevermind, lol!
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
Hi Pitfall,

Thanks for sharing. I tested it quickly and found a problem!
You seem to be missing a <td> and you have a <td> </td> too much.
The form code you posted looks like this if I do a screenshot.



Here is what the corrected code looks like:

<form action="mailto:YOUR EMAIL HERE?subject=Website Feedback" method="post" enctype="text/plain">

<table>

<tr>
<td>Email Adress:</td>
<td><input type="text" name="email_address" value="" maxlength="100" /></td>
</tr>

<tr>
<td>Name:</td>
<td><input type="text" name="Name" value="" maxlength="100" /></td>
</tr>

<tr>
<td>Comments:</td>
<td><textarea rows="5" cols="30" name="comments"></textarea></td>
</tr>

<tr>
<td><input type="submit" value="Submit" /></td>
</tr>

</table>

</form>

Here's a screen shot:



Me, personally would rather do it like this:

<form action="mailto:YOUR EMAIL HERE?subject=Website Feedback" method="post" enctype="text/plain">
<table>

<tr>
<td>Name:</td>
</tr>

<tr>
<td><input type="text" name="Name" value="" maxlength="100" /></td>
</tr>

<tr>
<td>Email Adress:</td>
</tr>

<tr>
<td><input type="text" name="email_address" value="" maxlength="100" /></td>
</tr>

<tr>
<td>Comments:</td>
</tr>

<tr>
<td><textarea rows="5" cols="30" name="comments"></textarea></td>
</tr>

<tr>
<td><input type="submit" value="Submit" /></td>
</tr>

</table>
</form>

This is what it would look like:



The form lines up better down the left hand side as it's not reliant
on the length of text. Sorry if I'm sounding like a perfectionist.
Photo of Denise

Denise

  • 393 Posts
  • 3 Reply Likes
oh thanks pitfall, I couldn't figure out how to straighten that one box out, lol, I usually will "stumble upon" the "fix" by accident eventually but I appreciate you fixing it for me, I will apply your changes;) Ty again, denise:)
Photo of Denise

Denise

  • 393 Posts
  • 3 Reply Likes
Oh that worked nice:) Hey, I am a perfectionist too but my problem is how imperfect I am, LOL!! Would you be willing to help me with fancying up my navigation? I know about cool text but I would like to find something like littleus has put in the "library"(the vertical bar)but with some color or texture. Also, I'd like some navigation at both the top and bottom of my pages? Thank you much and I do understand if you don't have the time. I am thinking there may be a tutorial on yola so I will go and check that out now.

denise:)

If this turns out it's a screenshot of the nav bar I built in dreamweaver. Do you know anything I can use on this site so I could get something similar?

[IMG]http://i556.photobucket.com/albums/ss...