如何将表单数据提交到后端？

Question

免责声明：我是一名后端程序员，我想尽量减少我网页中的 javascript 代码。

我正在考虑使用here 给出的登录表单作为示例。在这个例子中，我们有这个

<form class="ui large form">
  <div class="ui stacked segment">
    <div class="field">
      <div class="ui left icon input">
        <i class="user icon"></i>
        <input type="text" name="email" placeholder="E-mail address">
      </div>
    </div>
    <div class="field">
      <div class="ui left icon input">
        <i class="lock icon"></i>
        <input type="password" name="password" placeholder="Password">
      </div>
     </div>
     <div class="ui fluid large teal submit button">Login</div>
  </div>
  <div class="ui error message"></div>
</form>

登录按钮只是一个不做任何事情的 div。表单标签中没有动作参数，也没有提交类型输入标签。

如何让页面将输入字段值发送回后端服务器？

请注意，源页面中有一些可见的 javascript 代码检查字段的有效性。但是没有提示如何将电子邮件和密码发送到后端并加载登录页面。

Answer 1

登录按钮只是一个 div，什么都不做

将其设为<button>。

表单标签中没有动作参数

如果您希望将数据提交到 与当前页面不同的 URL，请添加一个。

您的表单也应该是method="POST"。密码不属于 URL（通常以纯文本形式记录）。

如何让页面将输入字段值发送回后端服务器？

使用<button> 元素而不是<div> 元素来表示您的提交按钮。 <div> 元素是当您需要一个块元素并且 HTML 缺少具有语义来描述您的内容的元素时。这不是这里的情况，你想提交一个表单，这就是提交按钮的用途。