html - 为表单创建一个工作提交按钮以发送电子邮件

Question

我如何编写代码来创建一个有效的提交按钮，当有人点击我页面上的提交按钮时，该数据会发送到我的工作电子邮件 ID，例如 smrithikollam@gamil.com。

“不喜欢 JavaScript.. 喜欢用 HTML 5 和 CSS3 编写代码”

---

这是我的表单的 HTML 代码

<div id="forms">
    <form class="form">

        <p class="name">
            <input type="text" name="name" id="name" placeholder="Enter Your Name" />
        </p>

        <p class="email">
            <input type="text" name="email" id="email" placeholder="mail@example.com" />
        </p>

        <p class="web">
            <input type="text" name="web" id="web" placeholder="9876 543 210" />
        </p>        

        <p class="text">
            <textarea name="text" placeholder="Write something to us" /></textarea>
        </p>

        <p class="submit">
            <input type="submit" value="Send" />
        </p>
    </form>
</div>

---

这是提交按钮的 CSS 代码

.submit input {
    width: 100px; 
    height: 40px;
    background-color: #474E69; 
    color: #FFF;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;     
}

Answer 1

首先:普通的Forms有action属性，包含接收表单数据的页面地址，而你的Forms没有:

<form action="sendmail.php">

其次:您不能使用纯 html 和 CSS 发送表单，您需要服务器端语言以及 PHP 或 ASP 来接收表单数据并处理它们以作为电子邮件发送。