使用hre编辑基本联系表单

时间:2013-02-04 15:00:51

标签: html contact-form

我有这个模板,我在上面定制了什么但是我被卡在联系页面上,点击按钮时联系表格清除或发送按钮没有任何反应。我真的不太了解大多数所有东西都来自网络研究,但无法解决这个问题。我在这里错过了什么吗?

我想到的问题: 1.我是否需要在“行动”中放置或创建 2.我需要在“href”中清除或将表格发送到我的电子邮件中吗?

或者你有更好的主意。

<h2 class="p0">Contact Form</h2>
          <form id="contact-form" action="#" method="post" enctype="multipart/form-data">
            <fieldset>
              <label><span class="text-form">Name:</span>
                <input name="p1" type="text" />
              </label>
              <label><span class="text-form">Email:</span>
                <input name="p2" type="text" />
              </label>
              <div class="wrapper">
                <div class="text-form">Message:</div>
                <textarea></textarea>
              </div>
              <div class="buttons"> <a class="button-2" href="#">Clear</a> <a class="button-2" href="#">Send</a> </div>
            </fieldset>
          </form>

1 个答案:

答案 0 :(得分:0)

使用真实按钮,不要只给他们一个名为buttons的课程。

action中,记下将处理此表单的服务器文件的名称,例如action="contact_form.php"。如果您想发送电子邮件,请记下action="MAILTO:someone@example.com"

<h2 class="p0">Contact Form</h2>

<form id="contact-form" action="MAILTO:someone@example.com" method="post" enctype="multipart/form-data">
    <fieldset>
        <label><span class="text-form">Name:</span>

            <input name="name" type="text" />
        </label>
        <label><span class="text-form">Email:</span>

            <input name="email" type="text" />
        </label>
        <div class="wrapper">
            <div class="text-form">Message:</div>
            <textarea name="message"></textarea>
        </div>
        <div class="buttons">
            <input type="button" value="Clear" onclick="document.getElementById('contact-form').reset()"
            />
            <input type="submit" value="Send" />
        </div>
    </fieldset>
</form>