【问题标题】:Css attribute selectors and javascript [closed]Css 属性选择器和 javascript [关闭]
【发布时间】:2012-12-04 16:06:07
【问题描述】:

我在尝试实现的项目中遇到了这行代码,乍一看它是标准的时事通讯形式:

<form id="form_newsletter">
    <input type="text" 
           name="newsletter" 
           id="newsletter" 
           placeholder="Email Address..." />
</form> 

我的问题是,当我点击表单文本字段以写入电子邮件地址时,提交链接按钮出现在应该由这个 css(属性选择器,如果我是正确的)元素触发的一侧:

input[type="submit"]

我的问题是如何使提交按钮将提交的地址发布到我的电子邮件地址?基本上我可以在哪里输入通讯订阅者的收件人? 如果它是一个 javascript 函数,我如何找到它并根据需要对其进行编辑?

【问题讨论】:

  • 这很可能会将数据发送到您的服务器,服务器会按照自己的意愿进行处理。它可以将其存储在数据库中,发送电子邮件,或更多。但是 JavaScript 不能直接通过电子邮件发送。
  • 您似乎在使用placeholder 代替&lt;label&gt;,即specification says you should not do that
  • 这里有什么问题?您想通过电子邮件发送表格吗?这和 CSS 有什么关系?
  • @Quentin:对于 single field 表单,我认为可以(例如 SO 上的“搜索”表单)。严格来说,&lt;label&gt; 不是必需的。

标签: javascript html css


【解决方案1】:

在静态 HTML 页面上使用纯 JavaScript,无法发送电子邮件。您需要在服务器上运行脚本 - 例如:PHP、ASP.NET、任意数量的 Web 框架 - 在用户单击提交按钮并将表单发送回服务器后,它们将处理电子邮件的实际发送.

您的基本流程是:

  • 1) 有一个 HTML 表单(你有)。
  • 2) 指定表单的位置 通过其 action="" 属性提交。如果你要使用 PHP,可能是<form action="http://my-website.com/send-mail.php">
  • 3) 在 send-mail.php 中, 编写将发送邮件的代码。有很多短 网络上的教程对此进行了解释。

【讨论】:

  • 我想我们这里有一个误解,我的问题是针对一个时事通讯注册框,它确实只能使用 html,问题是用于显示按钮的 css 属性选择器是不工作atm。找不到要检查的 javascript 文件。
  • 我想保留样式,因为我喜欢效果和集成。
  • 不过还有其他选择..
猜你喜欢
  • 2013-06-10
  • 1970-01-01
  • 2016-01-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-06-19
相关资源
最近更新 更多