我的 html 表单自动传递 url 中的所有字段数据答案

【问题标题】：My html form automatically passing all field data in url我的 html 表单自动传递 url 中的所有字段数据
【发布时间】：2021-10-15 20:29:39
【问题描述】：

我创建了一个简单的 html 表单，但遇到了一个我从未见过的奇怪问题。当我单击提交时，所有数据都直接传递到 URL 栏。不知道这有什么问题，谁能帮忙？

表格：


      <form id="form-data">
          Name<br><input type="text" name="name" id="name" value=""><br><br>
          Age<br><input type="number" name="number" id="age" value=""><br><br>
          Gender<br>
            <input type="radio" name="gender" value="Male">Male
            <input type="radio" name="gender" value="Female">Fe-male<br><br>
    
          <select name="country">
            <option value="Kashmir">Kashmir</option>
            <option value="Egypt">Egypt</option>
            <option value="Norway">Norway</option>
            <option value="Iceland">Iceland</option>
          </select><br>
          <br><input type="submit" id="submit" value="Save">
      </form>

【问题讨论】：

标签： php html forms get

【解决方案1】：

如果您不将数据发送到某处，它将作为 URL 参数传递到当前页面： From MDN Web Docs:

action 属性定义了数据的发送位置。它的价值必须是有效的相对或绝对 URL。如果未提供此属性，数据将被发送到包含表单的页面的 URL — 当前页面。

【讨论】：

【解决方案2】：

表单使用 get 方法，因此它在 url 中显示表单值。更改发布方法以避免这种情况

method="post"

<!DOCTYPE html>
<html>
<head>
    <title></title>
<body>
  <form id="form-data" method="post">
      Name<br><input type="text" name="name" id="name" value=""><br><br>
      Age<br><input type="number" name="number" id="age" value=""><br><br>
      Gender<br>
        <input type="radio" name="gender" value="Male">Male
        <input type="radio" name="gender" value="Female">Fe-male<br><br>

      <select name="country">
        <option value="Kashmir">Kashmir</option>
        <option value="Egypt">Egypt</option>
        <option value="Norway">Norway</option>
        <option value="Iceland">Iceland</option>
      </select><br>
      <br><input type="submit" id="submit" value="Save">
  </form>

</body>
</html>

【讨论】：

【解决方案3】：

向你的表单标签添加方法属性，如下所示：

<form action="welcome.php" method="post">

https://www.w3schools.com/tags/att_form_method.asp

【讨论】：