【问题标题】:Sending form data via html通过 html 发送表单数据
【发布时间】:2020-11-08 17:39:25
【问题描述】:

所以我创建了一个在线表单,并将输入值写为复选框和文本区域。我在表单中添加了一个提交按钮,但是当我单击它时,数据不会发送到我在form action 命令中指定的电子邮件地址。我做错了什么?

 <tr>
            <td>Please enter you're address and any further instruction.</td>
            <td><label for="delivery">Delivery Instructions</label></td>
            <td><textarea name="txtBody" id="Deliverybody" cols="50" rows="10"></textarea></td>
        </tr>
          <input type="submit" vlue="Submit Order" form action="mailto:me@hotmail.co.uk" method="post" name="neworder"/>

【问题讨论】:

  • 您似乎正在尝试在电子邮件中填写表格。 Here is a link 可以用作指南。如果您仍有疑问,那么您可能需要创建一个minimal, reproducible example 以便有人帮助您。这就是 Stack Overflow 的工作原理。

标签: html forms html-email


【解决方案1】:

这是一个语法错误(检查here),应该是

<input type="submit" value="Submit Order" formaction="mailto:me@hotmail.co.uk" method="post" name="neworder"/>

【讨论】:

  • 我看不出我发的帖子和你给出的答案有什么区别
【解决方案2】:

今天的问候

你做的事情是绝对错误的

这不是重定向到邮件的方式

您必须为此使用锚标记(a tag)

此代码不会邮寄到您的电子邮件,它会将您重定向到邮件,并且用户必须在邮件中自己输入

要直接邮寄到您的电子邮件,您应该了解 php

所以你的代码会像这样重定向到邮件

<a href="mailto:me@hotmail.co.uk" >
<button> Mail </button>
 </a>

【讨论】:

  • 包含锚标记时为什么 PHP 会有用?
  • 因为php可以直接发邮件到你的邮箱
  • 在什么指令下?
【解决方案3】:

做这样的事情是不可能的。发送电子邮件需要 SMTP 服务器。您需要有一个服务器 API 来处理您的请求并通过 SMTP 服务器发送电子邮件。

但是,您可以在要发送电子邮件时提示用户默认电子邮件客户端。处理表单的onSubmit事件并运行

<form onsubmit="myFunction()">

然后调用下面的函数

window.open('mailto:test@example.com?subject=subject&body=body');

这是一个相关的帖子。

create email form using html

【讨论】:

  • 什么是 SMTP 服务器?
  • 发出命令时可以发送电子邮件的服务器。
  • 但是这不是在主机方面集成为服务器吗?
【解决方案4】:

虽然不建议使用这种类型的提交,但对您的问题的快速回答是,您的表单应在 &lt;form&gt; your fields &lt;/form&gt; 内捕获,form action 应在 &lt;form class="" action:"mailto:me@gotmail.co.uk"&gt; 内,而不是在 submit 按钮上。但是,不要在实时网站上使用它!这不是发送电子邮件的方式!一个例子是 here 用于您的目的。

【讨论】:

  • 嗨,为什么不推荐它,为什么用表单类替换表单操作。表单操作不应该是解决方案吗
【解决方案5】:

=)

似乎每个人都忘记了电子邮件由于安全原因不支持脚本。

所以这行不通

<form onsubmit="myFunction()">
form action="mailto:me@hotmail.co.uk"

但您可以在 AMP 电子邮件中以不同方式使用表单。 https://developers.google.com/gmail/ampemail (如果我没记错的话,Gmail、Yahoo、Outlook 都支持)

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-01-05
    • 2016-06-21
    • 1970-01-01
    • 1970-01-01
    • 2023-02-18
    • 1970-01-01
    • 2012-08-21
    相关资源
    最近更新 更多