Question

我有这段代码：

<div>
   <form name='profileForm' id='profileForm' action='' method='get'>
      <input type='submit' name='ProfileBtn' id='ProfileBtn' class='buttonC' value='My Profile' />
   </form>
<br />
   <form name='logoutForm' id='logoutForm' action='' method='get'>
      <input type='submit' name='LogOutBtn' id='LogOutBtn' class='buttonC' value='Logout' />
   </form>
</div>

当我渲染上面的内容时，“profileForm”没有出现（尽管profileBtn出现了）。这种形式没有问题，这很奇怪，因为它们都很相似。

这可能是一个简单的问题，但我不知道问题是什么。

Answer 1

这恰好发生在我身上使用Chrome - 因为我在表单中有表单。看起来Chrome只是剥离了＆lt; form＆gt;打开和关闭标签，因为我的表单是另一种形式。当我将一个表单移到另一个表单之外时，两个<form>标记都按照预期在html中呈现克拉克曼也在回答这个问题。

如果没有看到完整的HTML，很难给出直接的解决方案，但我猜这是你的问题 - 你需要确保你的表单不在另一种形式。非常简单的例子来说明这一点：

另一种表单中的表单，请注意您是否在Chrome中运行此代码并检查＆lt; form id =＆＃34; form2＆＃34;＆gt;未呈现：

＆＃13;

<html>
<head></head>
<body>
	<form id="form1">
		<div>form within a form</div>
		<form id="form2">
			<input type="text" placeholder="name" /><br/>
			<input type="text" placeholder="title" />
		</form>
	</form>
</body>
</html>

＆＃13;

如果您将form2移到form1之外，请在Chrome中运行代码并检查，然后＆lt; form id =＆＃34; form2＆＃34;＆gt; 呈现：

＆＃13;

<html>
<head></head>
<body>
	<form id="form1">
		<div>form2 moved outside of form1</div>
	</form>
	
	<form id="form2">
		<input type="text" placeholder="name" /><br/>
		<input type="text" placeholder="title" />
	</form>
</body>
</html>

＆＃13;

Answer 2

那么不知何故表格有一个奇怪的问题，按钮没有出现，因为当我运行网站时，'profileForm'以某种方式消失了（并没有出现在控制台中）。我所做的是在'profileForm'之前添加第三个Form，它以某种方式解决了这个问题。

Answer 3

有一个未公开的HTML TAG，如＆lt;形式＆gt;在这些行之前的代码中，

Find and close that form

OR

只需将</form>放在代码之前。

Answer 4

在下一个表单打开之前检查您是否没有未关闭的表单元素。

如果这样做，浏览器将生成源代码而不显示后续窗体打开和窗体密切对。

Answer 5

只需在表格上方放置一个空表格即可。然后所有表单都将以表单ID出现

<form></form>

<form name='profileForm' id='profileForm' action='' method='get'>
      <input type='submit' name='ProfileBtn' id='ProfileBtn' class='buttonC' value='My Profile' />
</form>

<form name='logoutForm' id='logoutForm' action='' method='get'>
      <input type='submit' name='LogOutBtn' id='LogOutBtn' class='buttonC' value='Logout' />
</form>

表格没有出现，但其内容确实如此

5 个答案: