Html 将CSS按钮链接到电子邮件-如何实现?

Html 将CSS按钮链接到电子邮件-如何实现?,html,css,Html,Css,我正在尝试将提交按钮链接为电子邮件地址。但似乎无法让它发挥作用 关于我可能做错了什么有什么建议吗 它看起来像是在第一次检查时起作用的,但每当我将它上传到站点时,它就不起作用了 以下是HTML: <a href="mailto:email@email.co"><input type="submit" value="Get In Touch" name="submit" class="submit" id="submit"></a> 试着这样做: html 只需

我正在尝试将提交按钮链接为电子邮件地址。但似乎无法让它发挥作用

关于我可能做错了什么有什么建议吗

它看起来像是在第一次检查时起作用的,但每当我将它上传到站点时,它就不起作用了

以下是HTML:

<a href="mailto:email@email.co"><input type="submit" value="Get In Touch" name="submit" class="submit" id="submit"></a>
试着这样做:

html

只需使用
a
标记并应用一些css

您可以使用
标记并设置样式,或者使用
(在早期IE中有时是fubar),或者,如果您需要使用表单,您可以这样做

<form action="mailto:user@user.com">
    <input type="submit" name="submit" value="Email">
</form>

如果您试图向电子邮件地址提交一份充满数据的表单,那么简单的
邮件收件人就不是您所需要的。
mailto
所做的一切就是打开您计算机上的本机电子邮件应用程序,并在“收件人:”字段中填写您在href中输入的电子邮件地址

要提交包含表单数据的电子邮件,您需要电子邮件处理程序。在PHP中,您只需将
$\u POST
数据附加到PHP
mail()
函数。这里有一个关于这个的例子

另一种选择是使用托管解决方案,如。甚至像或这样的javascript邮件解决方案。他们提供API,允许您将数据输入正在发送的电子邮件中


希望这有帮助

如果您真的想使用

否则,您可以只使用
标记,并用
CSS
覆盖它。 这两种方法都很好


为什么要这样做,请只使用
标记,并应用一些在上载时不起作用的CSW?请查看我的答案。\n谢谢!工作得很有魅力=]谢谢!我原本打算使用一个表单,但决定只使用mailto函数。
<a class="button" href="mailto:email@email.co">Get In Touch</a>   
.button {
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
 }
<form action="mailto:user@user.com">
    <input type="submit" name="submit" value="Email">
</form>
<input type="submit" class='button' value="Mail US" onclick="window.location.href='mailto:email@email.co'">
.button {
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
 }