好的我的问题是,我如何在点击按钮时向用户请求输入他的电子邮件并接收带有我网页链接的消息?
答案 0 :(得分:0)
你不能只使用HTML,甚至只使用HTML和javascript。
要发送电子邮件,您需要使用后端脚本,通常是PHP(在大多数共享主机服务器上)或asp / .Net(在Microsoft Web服务器上)
使用jQuery插件可以更轻松地使用Javascript 。 Here is a link一些关于如何使用jQuery的免费视频。基本上,jQuery会大大减少打字并使javascript更容易。 您需要使用jQuery就是在脚本标记之间包含jQuery库 - 将该代码放在结束</body>
标记之上。
下面是一些使用jQuery的示例代码,只是为了展示它的外观。这个例子:
*询问用户电子邮件地址(但不验证他们输入的内容)
*创建一个包含名为eml
的元素的表单,其中包含用户键入的内容
*将表单提交给名为sendcontact.php
的后端PHP文件。 您还可以写sendcontact.php
$(document).ready(function(){
$('#mybutt').click(function(){
var em = prompt('Enter your email');
$('body').append('<form id="yrForm" action="sendcontact.php" method="post"><input name="eml" value="' +em+ '" ></form>');
$('#yrForm').submit();
});
}); //END document.ready
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button id="mybutt">Click Me</button>
现在,您需要另一个后端文件sendcontact.php
,它将接收通过表单发送的数据,并发送电子邮件。以下是如何执行此操作的概述:
http://tangledindesign.com/how-to-create-a-contact-form-using-html5-css3-and-php/
(您可以忽略上述教程中涉及创建联系表单的整个第一部分。您只需阅读有关如何在PHP中接收信息并发送电子邮件的信息。)