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

Question

我不是编码方面的专家。事实上，这是我在 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>

Answer 1

您的 HTML 标记对于旨在 post 一系列字段内容的简单表单来说似乎不错。

但是，HTML 代码（以及任何 CSS）只能让您确定表单的 presentation/style（即它的外观）。

关于应用程序的功能，它实际上触发了将表单内容发送到电子邮件地址的电子邮件，这将需要更多 'server-side' 语言的代码，例如 PHP (HTML CSS 是 'client-side' 种语言）。

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

您的 HTML 标记实际上缺少某些内容，即 "action" 属性，即

之前：

<form method="post" novalidate>

之后：

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

您可能已经从上面的内容中猜到了，这个 "action" 属性指定了触发电子邮件的 PHP script/file。当然，您目前缺少的就是这个文件。

希望对您有所帮助。

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

How do I get my submit button to work?

html

dreamweaver

reflow

form-submit