如何让我的提交按钮起作用?

时间:2015-04-09 00:58:26

标签: html dreamweaver form-submit reflow

我不是编码方面的专家。事实上,这是我在CSS中的第一个真正的项目。我在Adobe Edge Reflow中创建了页面并将CSS导出到Dreamweaver。我遇到的问题是我无法让我的表单实际工作。我希望表单直接发送到我的电子邮件,没有特定的格式。谁能帮我吗?

<form method="post" novalidate>  
        <label id="formgroup">
            <p id="text1">
            Name&#x2a;
            </p>
            <input id="textinput" type="text" value=" Your Name"></input>
        </label>
        <label id="formgroup1">
            <p id="text2">
            Company Name
            </p>
            <input id="textinput1" type="text" value=" Company Name"></input>
        </label>
        <label id="formgroup2">
            <p id="text3">
            Email&#x2a;
            </p>
            <input id="textinput2" type="text" value=" email"></input>
        </label>
        <label id="formgroup3">
            <p id="text4">
            Message&#x2a;
            </p>
            <input id="textinput3" type="text" value=" Your message"></input>
        </label>
        <input id="submit" type="submit" value="Send Message"></input>
        <input type="hidden" name="recipient" value="xxx@gmail.com"> </form>

1 个答案:

答案 0 :(得分:1)

对于一个旨在发布一系列字段内容的简单表单,您的HTML标记似乎很合适。

但是,HTML代码(以及任何CSS)只能让您确定表单的表示/样式(即它的外观)。

关于实际触发包含表单内容到电子邮件地址的电子邮件的应用程序的功能,这将需要服务器端的更多代码&#39; PHP等语言(HTML和CSS是&#39;客户端和语言)。

这是一篇很好的文章,提供了有关该主题的教程:http://www.html-form-guide.com/php-form/php-form-tutorial.html

您的HTML标记实际上缺少某些内容,&#34;操作&#34;财产,即

在:

<form method="post" novalidate>

后:

<form method="post" novalidate action="send-email.php">

正如你可能已经从上面所看到的那样,这个&#34;行动&#34; property指定触发电子邮件的PHP脚本/文件。当然,您目前缺少这个文件。

希望这有帮助。