Is het mogelijk om de functie mailto:op de verzendknop te implementeren, zoals <input type="submit" />? Ik gebruik ASP.NET MVC. Misschien is er een lastig resultaat van de controlleractie om dit te bereiken. Kun je me alsjeblieft helpen?
P.S. Ik weet dat ik anker eruit kan laten zien als een knop.
Antwoord 1, autoriteit 100%
In HTML kun je een mailto:adres specificeren in het <form>element’s [action]attribuut.
<form action="mailto:[email protected]" method="GET">
<input name="subject" type="text" />
<textarea name="body"></textarea>
<input type="submit" value="Send" />
</form>
Wat dit doet, is dat de e-mailclient van de gebruiker een e-mail kan maken die vooraf is ingevuld met de velden in de <form>.
Wat dit nietdoet, is een e-mail sturen.
Antwoord 2, autoriteit 87%
Dit lijkt goed te werken:
<button onclick="location.href='mailto:[email protected]';">send mail</button>
Antwoord 3, autoriteit 6%
Wat u moet doen, is de gebeurtenislistener onchangein het formulier gebruiken en het kenmerk hrefvan de verzendknop wijzigen in overeenstemming met de context van de e-mail:
p>
<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>
JavaScript
function mail(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:[email protected]?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;
}
}
Antwoord 4, autoriteit 2%
Of u kunt een formulier maken met action:mailto
<form action="mailto:[email protected]">
kijk hier eens.
http://webdesign.about.com/od/forms/a/ aa072699mailto.htm
Maar dit verzendt eigenlijk een formulier via e-mail. Is dit wat je wilde?
Je kunt ook gewoon
<button onclick="">en dan wat javascript erbij om dit te bereiken.
En je kunt een <a>knop laten lijken.
Er kunnen veel manieren zijn om dit te omzeilen. Zoek een beetje.
Antwoord 5, autoriteit 2%
De volledige lijst met mogelijke velden in het op HTML gebaseerde formulier voor het maken van e-mail:
- onderwerp
- cc
- bcc
- lichaam
<form action="mailto:[email protected]" 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
Antwoord 6
Neem gewoon een “a”-tag op in de “button”-tag.
<button><a href="mailto:..."></a></button>