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

Question

我创建了一个简单的 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>

Answer 1

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

The action attribute defines where the data gets sent. Its value must be a valid relative or absolute URL. If this attribute isn't provided, the data will be sent to the URL of the page containing the form — the current page.

Answer 2

表单使用 get 方法，因此它在 url 中显示表单值。将方法更改为 post 以避免此

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>

Answer 3

像这样将方法属性添加到您的表单标签中：

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

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

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

My html form automatically passing all field data in url

html

php

forms

get