2

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

关于我可能做错了什么的任何建议？

看起来它在第一次检查时有效，但每当我将它上传到网站时它就不起作用=S

这是HTML：

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

下面是CSS：

body {
font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
padding: 100px;
font-size: 13px;
}

div {
background: #fff;
margin: 0 auto;
width: 200px;
padding: 100px;
text-align: center;
/* border-radius */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/* box-shadow */
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}

input[type="submit"] { 
height: 50px; 
padding: 0 48px; margin: 10px auto 0 auto; 
background: #090a0b; 
border: 0; 
text-transform: uppercase; 
font-family: "Open Sans";
font-size: 24px; 
color: #fff; 
font-weight: 400;
cursor: pointer;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
opacity: 1;
-webkit-appearance: none;
border: solid 1px #fff;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
background: transparent;  
}
4

4 回答 4

1

如果你真的想在里面使用提交按钮<a>，那么你可以使用它来代替。没有<a>标签。

HTML

<input type="submit" class='button' value="Mail US" onclick="window.location.href='mailto:email@email.co'">

CSS

.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;
 }

小提琴在这里：小提琴

否则，您可以只使用<a>标签并用CSS. 两者都是很好的方法

于 2013-09-05T04:28:50.997 回答
1

试试这个方法：

html

<a class="button" href="mailto:email@email.co">Get In Touch</a>

css

.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;
 }

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

于 2013-09-05T02:30:38.810 回答
0

如果您尝试将充满数据的表单提交到电子邮件地址，mailto那么您将不需要一个简单的表单。只需mailto在您的计算机上打开本机电子邮件应用程序，然后使用您在 href 中输入的电子邮件地址填写“收件人：”字段。

要提交包含表单数据的电子邮件，您需要一个电子邮件处理程序。在 PHP 中，您可以简单地将$_POST数据附加到 phpmail()函数。这是一个很好的教程。

另一种选择是使用像emailmeform这样的托管解决方案。甚至是像addthis或sharethis这样的 javascript 邮件解决方案。他们有可用的 API，可让您将数据输入到正在发送的电子邮件中。

希望这可以帮助！

于 2013-09-05T02:38:47.553 回答
0

你可以使用一个<a>标签并设置它的样式，或者一个<button>（在早期的 IE 中有时是 fubar），或者，如果你需要使用一个表单，你可以这样做

<form action="mailto:user@user.com">
    <input type="submit" name="submit" value="Email">
</form>
于 2013-09-05T02:33:33.280 回答