Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/383.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript相当于html中的电子邮件注册_Javascript_Html_Email - Fatal编程技术网

Javascript相当于html中的电子邮件注册

Javascript相当于html中的电子邮件注册,javascript,html,email,Javascript,Html,Email,我已经设置了一个页面,任何人都可以添加他们的电子邮件,这样我就可以与他们联系 目前,它的设置方式是,如果我添加一封电子邮件并单击“发送”,它只会将用户带到我网站的顶部,该页面位于同一页面上 HTML <section id="signup" class="signup-section"> <div class="container"> <div class="row"> <div class="col-md-10 col-lg-8 mx

我已经设置了一个页面,任何人都可以添加他们的电子邮件,这样我就可以与他们联系

目前,它的设置方式是,如果我添加一封电子邮件并单击“发送”,它只会将用户带到我网站的顶部,该页面位于同一页面上

HTML

<section id="signup" class="signup-section">
 <div class="container">
   <div class="row">
     <div class="col-md-10 col-lg-8 mx-auto text-center">

      <i class="far fa-paper-plane fa-2x mb-2 text-white"></i>
      <h2 class="text-white mb-5">Contact</h2>

      <form class="form-inline d-flex">
        <input type="email" class="form-control flex-fill mr-0 mr-sm-2 mb-3 mb-sm-0" id="inputEmail" placeholder="Enter email address...">
        <button type="submit" class="btn btn-primary mx-auto">Email</button>
      </form>

     </div>
   </div>
 </div>
</section>

接触
电子邮件
JS

这个的香草Javascript版本?没有jQuery

let container = document.getElementById('container');
container.innerHTML = container.innerHTML + '<button class="etmkug-14 SuUwW"><span class="etmkug-16 ctwFJG">Mark All Read</span></button>';

// Is there a way to make all this and have it be able to send info back to me purely with vanilla JS? 
let container=document.getElementById('container');
container.innerHTML=container.innerHTML+“标记所有已读”;
//有没有一种方法可以让这一切,让它能够发送信息回我纯粹与香草JS?
不是重复的


寻找JS等价物

如果我遗漏了什么,请告诉我,但是是的,对于您正在寻找的功能,您需要的不仅仅是HTML,因为HTML只能处理页面的结构。PHP是添加此功能的一种非常简单的方法

我发现本教程应该是一个相当简单的解释,说明如何创建功能以及如何添加验证以保护表单安全(对于保护您自己和您的站点免受黑客和病毒的攻击非常重要!):

您必须使用php

我制作了一个简短的php程序来发送表单中输入的电子邮件。但是请注意,为了发送电子邮件,您必须将其上载到Web服务器。至少对我来说,当我只使用XAMPP时,它不起作用

index.php


电子邮件:


我不推荐的一个非常糟糕的解决方法是在提交按钮中插入一个
onclick=“javascript:void();”
我的网站顶部是什么?它重定向到另一页或页眉部分?返回到同一页的顶部,页眉部分,在这种情况下,是否最好添加一个单独的JS文件,或者是否有其他方法进行此操作?您是否已经处理了电子邮件传递,并且希望在处理表单后重定向到另一个页面,或者你正在寻找发送电子邮件的解决方案?为什么我的答案和下面的另一个答案被否决了?您试图实现的目标不能单靠HTML来完成。不确定,但请欣赏,php通常是实现这一目标的方法吗?我知道没有一种方法可以做到这一点,但我可以坚持使用javascript,对吗?或者php提供了一个比js没有的更好的功能?是的,php通常是这样做的,不幸的是js没有提供发送电子邮件的方法。谢谢,我会检查一下,以前从未使用过php,所以必须进行研究