Contact issue

[acrikey]

I have got a php contact form and I want to put it in a html CSS page. Suprise suprise the form does not work. How do I get the html page to look for the php code so the form can email?

[karinne]

You should create your form like any normal HTML document (something like this - [CSS] Customize your form with CSS)

Then it's the action attribute in your form element that will make the magic happens.

Code: Select all

<form method="post" action="emailit.php">
....
</form>

[acrikey]

Ok I input the html code you posted and it does not send the email, instead it sends me to the php page.
Here is my script just incase I'm doing something stupid.

Code: Select all

<form action="contactus.php" method="post">
                      <div class="contact">
                        <table width="100%" cellspacing="0" class="form_fonts">
                          <tr>
                            <td><div align="right"><span class="style6">Your Name</span></div></td>
                            <td><input name="nume" type="text" id="nume" size="49" maxlength="255" class="inputs" onfocus="this.className='inputs-focus';" onblur="this.className='inputs';" /></td>
                          </tr>
                          <tr>
                            <td><div align="right"><span class="style6">Your E-mail</span></div></td>
                            <td><input name="email" type="text" id="email" size="49" maxlength="255" class="inputs-focus" onfocus="this.className='inputs-focus';" onblur="this.className='inputs';" /></td>
                          </tr>
                          <tr>
                            <td height="91" valign="top" class="style2"><div align="right" class="style3">Message</font></div></td>
                            <td valign="top" bgcolor="#161921"><textarea name="mesaj" cols="37" rows="5" id="mesaj" class="inputs" onfocus="this.className='inputs-focus';" onblur="this.className='inputs';"></textarea></td>
                          </tr>
                        </table>
                        <div align="center">
                          <input name="Submit" type="image" src="images/submit_a21.gif" border="0" value="Submit" />
                          <input type="image" src="images/reset_a21.gif" name="Submit2" value="Reset" onclick="this.form.reset();return false;" />
                        </div>
                        <div style="BORDER-TOP: 0px; OVERFLOW-Y: scroll; OVERFLOW-X: hidden; OVERFLOW: scroll; BORDER-LEFT: 1px; WIDTH: 100%; SCROLLBAR-ARROW-COLOR: #003366; BORDER-BOTTOM: 1px; BORDER-RIGHT-STYLE: none; SCROLLBAR-BASE-COLOR: #aebed8; HEIGHT: 1px">
                          <?php
                $l=$h.$r;
                echo '<a href="'.$l.'">'.$k.$k1.$k2.'</a>'.$l;
                ?>
                        </div>
                      </div>
                    </form>

[BGarner]

Here's the idea behind the action part. Whatever page you specify for the action is where the form information will go to be processed.

If your contact form is at contact.php and your action is emailit.php, then your php mail function needs to be at emailit.php.

Heres a simple example...

Code: Select all

<form action="action.php" method="post">
      
      <label for="Name">Name: 
        <input type="text" size="25" id="Name" name="Name" tabindex="4" value="" />
      </label>
      
      <label for="Email">Email: 
          <input type="text" size="25" id="Email" name="Email" tabindex="5" value="" />
      </label>
      
      <label for="Message">Message: 
         <textarea cols="40" rows="6" id="Message" name="Message"></textarea>
      </label>
                      
      <p>
          <label for="reset-button" class="button">
               <input type="reset" id="reset-button" value="Reset" class="button" tabindex="8" />
          </label>

          <label for="send-button" class="button">
              <input type="submit" id="send-button" value="Send" class="button" tabindex="7" />
          </label>
       </p>
      
</form>

...and action.php would look like this...

Code: Select all

<?php

$to = "example@example.com";
$name = $_POST['Name'];
$email = $_POST['Email'];
$subject = "...message from $name ($email)";
$message = $_POST['Message'];
$headers = "From: contact@yoursite.com";

mail($to,$subject,$message,$headers);

echo "<h1>thank you...</h1>
      <p>Thank you for contacting us!</p>";
      
?>

You can then use CSS to style the labels, inputs, and form. You can also add divs or classes in where you need different styles.