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

Question

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

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

<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缺乏与语义的元素来描述您的内容。情况并非如此，您想提交一个表单，这就是提交按钮的用途。