Mail Form in DreamWeaver

CallFaheem2 · #1 29-Nov-2006, 05:09

How to design a mail form in Dreamaver.
My concept is
A subject column
Body
2 buttons
Mail to and clear.

clear button will clear the text from subject and body
and mail button will send the text in subject and body to my email (name@myname.com).

My problem is I cannot figgure out how to work with forms in DW. Can anyone help me out here please.

crystalattice · #2 01-Dec-2006, 11:10

DW has a great tutorial help file; it should have a comprehensive section about the creation of web forms, not to mention the many HTML primer sites available (www.htmlgoodies.com).

Is your problem in making the form itself or in the backend code that makes it do something after the email is created?

admin · #3 02-Dec-2006, 04:17

It has been quite a while since the last time I used Dreamweaver, and I don't remember what can be done with it other than writing the HTML for you.

A basic HTML document looks something like this:

HTML Code:


<html>
	<head>
		<title>A title for your web document</title>
	</head>
	<body>
		<!-- This is where you add your content -->
	</body>
</html>

The actual form (markup), like this:

HTML Code:


<form id="formContactMe" name="contactme" action="/process-contactme.php" method="post" style="width:410px;">
	<p>
		<input type="text" id="inputName" name="name" maxlength="70" style="width:150px;" /> Name
	</p>
	<p>
		<input type="text" id="inputAddress" name="address" maxlength="90" style="width:150px;" /> Email Address
	</p>
	<p>
		<input type="text" id="inputSubject" name="subject" maxlength="255" style="width:150px;" /> Subject
	</p>
	<p>
		Your Message:<br />
		<textarea id="textareaMessage" name="message" style="width:400px; height:300px;"></textarea>
	</p>
	<p style="text-align:center;">
		<input type="submit" id="inputSubmit" name="send" Value="Send" />
		<input type="reset" id="inputReset" name="reset" Value="Clear" />
	</p>			
</form>

Putting them together, you would get:

HTML Code:


<html>
	<head>
		<title>Sample Email Form</title>
	</head>
	<body>
		<form id="formContactMe" name="contactme" action="/process-contactme.php" method="post" style="width:410px;">
			<p>
				<input type="text" id="inputName" name="name" maxlength="70" style="width:150px;" /> Name
			</p>
			<p>
				<input type="text" id="inputAddress" name="address" maxlength="90" style="width:150px;" /> Email Address
			</p>
			<p>
				<input type="text" id="inputSubject" name="subject" maxlength="255" style="width:150px;" /> Subject
			</p>
			<p>
				Your Message:<br />
				<textarea id="textareaMessage" name="message" style="width:400px; height:300px;"></textarea>
			</p>
			<p style="text-align:center;">
				<input type="submit" id="inputSubmit" name="send" Value="Send" />
				<input type="reset" id="inputReset" name="reset" Value="Clear" />
			</p>			
		</form>
	</body>
</html>

CallFaheem2 · #4 02-Dec-2006, 06:49

Thanks guys for the replys and help.
I always have trouble writing with codes....
I will try these codes and see how and where I go from it.. will post you soon enough...
once again thanks alot

CallFaheem2 · #5 03-Dec-2006, 01:33

admin my friend.
do I need another page.
cause when I upload the page and send my msg I was forward to another page of my hosting site saying that a page is missing. Whats missing. I usually design normal websites play with basic animation and thats about it. but this time I wanna try somthing different. If you can tell me whats missing and whats the concept behind it would be simply awsome on your part.
Thanks once again for the codes. They were exactly what I was looking for. Thanks once again. b

admin · #6 03-Dec-2006, 04:39

You will need some kind of server-side scripting language to process the form and actually send the email to yourself.

This can be PHP, ASP, JSP and a host of other languages supported by your web server.

The most commonly supported scripting language is of course PHP.

In the markup example above, you will see this line:

<form id="formContactMe" name="contactme" action="/process-contactme.php" method="post" style="width:410px;">

Notice the value for action=? It's process-contactme.php, a PHP (script) file.

You can paste this to a text document, and save it as process-contactme.php and upload it to your server.

process-contactme.php

PHP Code:


<?php
if( $_POST )
{    // receive data from the contactme form i.e. "/contact.html".
    echo '<pre>';
    print_r( $_POST );
    echo '</pre>';
}
else
{    // the reader was requesting this page directly.  Send
    // them back to the form.
    header( 'Location: /contact.html' );
    exit;    
}
?>

Now that you have both the form web page (assume you saved it as contact.html) and the PHP file uploaded, you can view contact.html through your browser, fill-in the form and hit send. You should see something like this and with the values you submitted:

Code:

Array
(
    [name] => ...
    [address] => ...
    [subject] => ...
    [message] => ...
    [send] => ...
)

Where ... is the information you submitted.

CallFaheem2 · #7 12-Dec-2006, 00:45

Hi is it possible for you to look at the codes cause I am still facing problem.
????
Can I post you all codes.

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Rate This Thread
Rate This Thread:

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
HTML Form to PHP File - Help Requested	vigilantweather	MySQL / PHP Forum	15	07-Aug-2006 19:22
PHP form needs validation	jabesign	MySQL / PHP Forum	16	05-Jan-2005 00:23
help with form	orbitel	MySQL / PHP Forum	11	21-Jan-2004 15:29
Why doesnt my form work correctly?	rhino1616	Web Design Forum	2	06-Nov-2003 17:21
How to encrypt mail sent by your feedback form?	JdS	Web Hosting Forum	4	30-Aug-2002 07:51

Mail Form in DreamWeaver

Re: Mail Form in DreamWeaver

Re: Mail Form in DreamWeaver

Re: Mail Form in DreamWeaver

Re: Mail Form in DreamWeaver

Re: Mail Form in DreamWeaver

Re: Mail Form in DreamWeaver