Question

我有这样的表格。我想知道如果表单提交位于文本字段的中间，表单提交是否会起作用？

例如：

<input type="text" name="fname"> // First Name
<input type="text" name="lname"> // Last Name
<form method="post" action="">   // Post 
<input type="text" name="username"> // Username
<input type="text" name="password"> // Password
<input type="submit" value="Submit"> // Submit Button

提交是否适用于名字和姓氏字段，因为它们不在表格内。

Answer 1

您的表单元素（如输入框）必须位于开始<form>和结束</form>标记之间。因此，您的fname和lname将被忽略。（你的结束</form>也不见了。）

为什么必须在表单标记之间添加表单元素？这允许您向一个页面添加多个表单。要确定哪个元素包含哪个表单，它们必须位于表单标记之间。

示例“登录并在同一站点注册”：

<form method="POST" action="login.php">
   User: <input type="text" name="username">
   Password: <input type="password" name="password">
   <input type="submit" value="Login">
</form>
<form method="POST" action="register.php">
   Mail: <input type="text" name="email">
   User: <input type="username" name="username">
   Password: <input type="password" name="password">
   Repeat password: <input type="password" name="pwdagain">
   <input type="submit" value="Register">
</form>

有关详细信息，请参阅此网站：http://www.w3schools.com/html/html_forms.asp

Answer 2

名字和姓氏不会发布。用户名和密码将发布，但您必须先关闭表单标记。

Answer 3

如果您像这样转换代码，它将发布所有内容：

%h

Answer 4

在这方面有一些消息，似乎。

MDN有这个供您查看

表格HTML5

＆＃34;输入元素与其关联的表单元素（其表单所有者）。属性的值必须是同一文档中元素的id。如果未指定此属性，则此元素必须是元素的后代。通过此属性，您可以将元素放置在文档中的任何位置，而不仅仅是其表单元素的后代。＆＃34;

也许你仍然可以实现你所希望的。唯一的问题是，您必须拥有哪种浏览器支持。

Answer 5

@ shubham-jha如果您想在单个表单下使用多个提交按钮，则可以使用AJAX。

单击创建JavaScript函数，决定使用哪个URL发送此数据，然后使用jQuery更改表单操作，然后使用JavaScript提交。

Jquery to change form action

表单提交次要问题

5 个答案: