你可以使用这个我命名为 demo-contacts.php 的 php 页面
<?php
if( isset($_POST['name']) )
{
$to = 'youremail@yoursite.com'; // Replace with your email
$subject = $_POST['subject'];
$message = $_POST['message'] . "\n\n" . 'Regards, ' . $_POST['name'] . ' - ' . $_POST['email'] . '.';
$headers = 'From: ' . $_POST['name'] . "\r\n" . 'Reply-To: ' . $_POST['email'] . "\r\n" . 'X-Mailer: PHP/' . phpversion();
mail($to, $subject, $message, $headers);
if( $_POST['copy'] == 'on' )
{
mail($_POST['email'], $subject, $message, $headers);
}
}
?>
此表单位于名为contact.php 的单独页面上
<form action="demo-contacts.php" method="post" id="sky-form" class="sky-form">
<header>Contact <strong>Form</strong></header>
<fieldset>
<div class="row">
<section class="col col-6">
<label class="label">Name</label>
<label class="input"> <i class="icon-append icon-user"></i>
<input type="text" name="name" id="name">
</label>
</section>
<section class="col col-6">
<label class="label">E-mail</label>
<label class="input"> <i class="icon-append icon-envelope-alt"></i>
<input type="email" name="email" id="email">
</label>
</section>
</div>
<section>
<label class="label">Subject</label>
<label class="input"> <i class="icon-append icon-tag"></i>
<input type="text" name="subject" id="subject">
</label>
</section>
<section>
<label class="label">Message</label>
<label class="textarea"> <i class="icon-append icon-comment"></i>
<textarea rows="4" name="message" id="message"></textarea>
</label>
</section>
<section>
<label class="checkbox">
<input type="checkbox" name="copy" id="copy">
<i></i>Send a copy to my e-mail address</label>
</section>
</fieldset>
<footer>
<button type="submit" class="button">Send message</button>
</footer>
<div class="message"> <i class="icon-ok"></i>
<p>Your message was successfully sent!</p>
</div>
</form>
我还使用了这个样式表来制作表单,您可以从我的网站上的这个链接http://www.dewetcomputers.com/js/form/sky-forms.css随意下载
还有这个缩小版的 Jquery,你可以下载 http://www.dewetcomputers.com/js/form/jquery.form.min.js
此外,如果您想查看表单的外观,可以在此处查看它的工作原理http://www.dewetcomputers.com/contact.php
<link rel="stylesheet" href="js/form/sky-forms.css" type="text/css" media="all">
如果您遇到任何其他问题,请随时提出任何其他问题