了解 HTML 表单的基础知识



HTML 1:

<html>
<body>
<form>
  First name:<br>
  <input type="text" name="firstname" value="Mickey">
  <br>
  Last name:<br>
  <input type="text" name="lastname" value="Mouse">
  <br><br>
  <input type="submit" value="Submit">
</form>   
</body>
</html>

网页 2:

<html>
<body>
<form>
  First name:<br>
  <input type="text" name="firstname" value="Mickey">
  <br>
  Last name:<br>
  <input type="text" name="lastname" value="Mouse">
  <br><br>
  <input type="submit" value="Submit">
</form> 
<input type="email" value="email">
</body>
</html>

我知道<form>元素用于收集用户输入并将其传递给特定的 url。在 HTML 1 中,当选择提交按钮时,<form>元素内的数据将被收集并传递到提到的 url。

我在 HTML 2 中有相同的代码,但我在 <form> 元素之外添加了另一个 <input> 元素。

所以,我的疑问是,当在HTML 2中选择提交按钮时,<form>之外的<input>元素会发生什么,输入的值是否会被读取?如果是或否,原因是什么,因为如果我的理解是正确的submit<form>元素内部,因此它将读取<form>中的值并忽略放置在外部的<input>元素。如果我错了,请纠正我,也请解释。

当您提交 html form标签表单内的输入将被发送到表单的操作属性中的 url,表单外部的输入将被忽略,因为他不在同一环境/上下文中。

关于form标签的一些文档在这里

问候

不会

读取表单外部的输入值,因为它位于表单外部。表单仅包含 <form></form> 标记内的元素。

不会读取表单标记之外的值。
HTML是一种基于父子标签/节点工作的标记语言。因此,这是必要的,因为同一文件中可以嵌套多个表单和许多输入字段。

杰奎里
如果使用jquery,请使用表单标签的id并使用它来读取字段

最新更新