Subscribe to our Newsletter html form

Discussion in 'HTML & Website Design' started by Michel Z., Apr 26, 2013.

0
  1. #1
    Hi guys,

    I added below code to my site:


    <html>
    <body>
    <form name="myform" action="mailto:" method="POST">
    Email: <input name=”email” type=”text”>
    <br><input type="submit" value=Submit>
    </form>
    </body>
    </html>



    Design looks fine on the site, only when I hit the 'submit' button, it opens Outlook. I want visitors only to enter their email and hit submit and that's it!

    What do I need to add to above code in order to solve this?


    Thanks!
    Mike
     
    Michel Z., Apr 26, 2013 IP
  2. Devtard

    Devtard Notable Member

    Messages:
    850
    Likes Received:
    133
    Best Answers:
    4
    Trophy Points:
    220
    #2
    Hello, you need a script that handles submitted data. This is just an HTML code and it cannot do anything.

    If you are not familiar with PHP I recommend using an addon for your CMS or a website dedicated to managing newsletters, I am sure that they will provide similar signup forms too.

    Use Google to find more information.
     
    Devtard, Apr 26, 2013 IP
  3. creativewebmaster

    creativewebmaster Active Member

    Messages:
    654
    Likes Received:
    7
    Best Answers:
    4
    Trophy Points:
    78
    #3
    For the submit info may this help you.

    <style type="text/css">
  .label{
    text-align:right;
  }
  #submit{
    text-align:center;
  }
</style>
<?php
  $to='example@example.com';
  $messageSubject='Message subject';
  $confirmationSubject='Confirmation message subject';
  $confirmationBody="Confirmation message body";
  $email='';
  $body='';
  $displayForm=true;
  if ($_POST){
    $email=stripslashes($_POST['email']);
    $body=stripslashes($_POST['body']);
    // validate e-mail address
    $valid=eregi('^([0-9a-z]+[-._+&])*[0-9a-z]+@([-0-9a-z]+[.])+[a-z]{2,6}$',$email);
    $crack=eregi("(\r|\n)(to:|from:|cc:|bcc:)",$body);
    if ($email && $body && $valid && !$crack){
      if (mail($to,$messageSubject,$body,'From: '.$email."\r\n")
          && mail($email,$confirmationSubject,$confirmationBody.$body,'From: '.$to."\r\n")){
        $displayForm=false;
?>
<p>
  Your message was successfully sent.
  In addition, a confirmation copy was sent to your e-mail address.
  Your message is shown below.
</p>
<?php
        echo '<p>'.htmlspecialchars($body).'</p>';
      }else{ // the messages could not be sent
?>
<p>
  Something went wrong when the server tried to send your message.
  This is usually due to a server error, and is probably not your fault.
  We apologise for any inconvenience caused.
</p>
<?php
      }
    }else if ($crack){ // cracking attempt
?>
<p><strong>
  Your message contained e-mail headers within the message body.
  This seems to be a cracking attempt and the message has not been sent.
</strong></p>
<?php
    }else{ // form not complete
?>
<p><strong>
  Your message could not be sent.
  You must include both a valid e-mail address and a message.
</strong></p>
<?php
    }
  }
  if ($displayForm){
?>
<form action="URL" method="post">
  <table>
    <tr>
      <td class="label"><label for="email">Your e-mail address</label></td>
      <td>
        <input type="text" name="email" id="email" value="<?php echo htmlspecialchars($email); ?>" size="30">
        (a confirmation e-mail will be sent to this address)
      </td>
    </tr>
    <tr>
      <td class="label"><label for="body">Your message</label></td>
      <td><textarea name="body" id="body" cols="70" rows="5">
        <?php echo htmlspecialchars($body); ?>
      </textarea></td>
    </tr>
    <tr><td id="submit" colspan="2"><button type="submit">Send message</button></td></tr>
  </table>
</form>
<?php
  }
?>
    Code (markup):
     
    creativewebmaster, Apr 27, 2013 IP
  4. cadsii

    cadsii Well-Known Member

    Messages:
    220
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    110
    #4
    what you did is just an input form in plain html, with the action of opening a mailto link, so when you hit submit it processes the form data to the url, aka dumps the inputs into the action URL, your action URL needs to be a script that processes the input that and emails it or stores it etc
     
    cadsii, May 3, 2013 IP