邮寄提交button

是否有可能实现mailto:提交button上的function，如<input type="submit" /> ？ 我使用ASP.NET MVC。 也许有一些棘手的控制器行动结果来实现这一点。 你可以帮我吗？

PS我知道我可以让锚点看起来像一个button。

Answer 1

在HTML中，您可以在<form>元素的[action]属性中指定一个mailto:地址。

 <form action="mailto:[e-mail]" method="GET"> <input name="subject" type="text" /> <textarea name="body"></textarea> <input type="submit" value="Send" /> </form> 

这将做的是允许用户的电子邮件客户端创build一个电子邮件预填充<form>的字段。

这不会做的是发送电子邮件。

Answer 2

这似乎工作正常：

  <button onclick="location.href='mailto:em@i.l';">send mail</button> 

Answer 3

你需要做的是在表单中使用onchange事件，并根据邮件的上下文改变发送button的href属性。

 <form id="form" onchange="mail(this)"> <label>Name</label> <div class="row margin-bottom-20"> <div class="col-md-6 col-md-offset-0"> <input class="form-control" name="name" type="text"> </div> </div> <label>Email <span class="color-red">*</span></label> <div class="row margin-bottom-20"> <div class="col-md-6 col-md-offset-0"> <input class="form-control" name="email" type="text"> </div> </div> <label>Date of visit/departure </label> <div class="row margin-bottom-20"> <div class="col-md-3 col-md-offset-0"> <input class="form-control w8em" name="adate" type="text"> <script> datePickerController.createDatePicker({ // Associate the text input to a DD/MM/YYYY date format formElements:{"adate":"%d/%m/%Y"} }); </script> </div> <div class="col-md-3 col-md-offset-0"> <input class="form-control" name="ddate" type="date"> </div> </div> <label>No. of people travelling with</label> <div class="row margin-bottom-20"> <div class="col-md-3 col-md-offset-0"> <input class="form-control" placeholder="Adults" min=1 name="adult" type="number"> </div> <div class="col-md-3 col-md-offset-0"> <input class="form-control" placeholder="Children" min=0 name="childeren" type="number"> </div> </div> <label>Cities you want to visit</label><br/> <div class="checkbox-inline"> <label><input type="checkbox" name="city" value="Cassablanca">Cassablanca</label> </div> <div class="checkbox-inline"> <label><input type="checkbox" name="city" value="Fez">Fez</label> </div> <div class="checkbox-inline"> <label><input type="checkbox" name="city" value="Tangier" >Tangier</label> </div> <div class="checkbox-inline"> <label><input type="checkbox" name="city" value="Marrakech" >Marrakech</label> </div> <div class="checkbox-inline"> <label><input type="checkbox" name="city" value="Rabat" >Rabat</label> </div> <div class="row margin-bottom-20"> <div class="col-md-8 col-md-offset-0"> <textarea rows="4" placeholder="Activities Intersted in" name="activities" class="form-control"></textarea> </div> </div> <div class="row margin-bottom-20"> <div class="col-md-8 col-md-offset-0"> <textarea rows="6" class="form-control" name="comment" placeholder="Comment"></textarea> </div> </div> <p><a id="send" class="btn btn-primary">Create Message</a></p> </form> 

函数邮件（表格）{

  var name=form.name.value; var city=""; var adate=form.adate.value; var ddate=form.ddate.value; var activities=form.activities.value; var adult=form.adult.value; var child=form.childeren.value; var comment=form.comment.value; var warning="" for(i=0;i<form.city.length;i++) { if(form.city[i].checked) city+=" "+form.city[i].value; } var str="mailto:[e-mail]?subject=travel to morocco&body="; if(name.length>0){ str+="Hi my name is "+name+", "; }else{ warning+="Name is required" } if(city.length>0){ str+="I am Intersted in visiting the following citis: "+city+", "; } if(activities.length>0){ str+="I am Intersted in following activities: "+activities+". " } if(adate.length>0){ str+="I will be ariving on "+adate; } if(ddate.length>0){ str+=" And departing on "+ddate; } if(adult.length>0){ if(adult==1&&child==null){ str+=". I will be travelling alone" }else if(adult>1){ str+=".We will have a group of "+adult+" adults "; } if(child==null){ str+="."; }else if(child>1){ str+="along with "+child+" children."; }else if(child==1){ str+="along with a child."; } } if(comment.length>0){ str+="%0D%0A"+comment+"." } if(warning.length>0){ alert(warning) } else{ str+="%0D%0ARegards,%0D%0A"+name; document.getElementById('send').href=str; } } 

Answer 4

或者你可以创build一个表单：mailto

 <form action="mailto:[e-mail]"> 

看一下这个。

http://webdesign.about.com/od/forms/a/aa072699mailto.htm

但是这实际上是通过电子邮件提交的。这是你想要的吗？ 你也可以用

<button onclick="">然后用它来解决这个问题。

你可以使一个<a>看起来像button。 可以有很多方法来解决这个问题。 做一点search。

Answer 5

只需在“button”标签中join“a”标签即可。

 <button><a href="mailto:..."></a></button> 

Answer 6

基于html的电子邮件创build表单中可能的字段的完整列表：

• 学科
• CC
• BCC
• 身体

<form action="mailto:[e-mail]" method="GET"> <input name="subject" type="text" /></br> <input name="cc" type="email" /><br /> <input name="bcc" type="email" /><br /> <textarea name="body"></textarea><br /> <input type="submit" value="Send" /> </form>

https://codepen.io/garfunkel61/pen/oYGNGp