html - 表格没有出现，但它的内容出现了

我有这段代码:

<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 确实出现了)。 seconed 形式没有问题，这很奇怪，因为它们都很相似。

这可能是一个简单的问题，但我不知道问题出在哪里。

最佳答案

这恰好发生在我使用 Chrome 的时候——那是因为我有一个表单中的表单。看起来 Chrome 刚刚删除了

打开和关闭标签，因为我的表单在另一个表单中。当我将一个表格移到另一个表格之外时，两者都是<form>标签按预期呈现在 html 中。
Crackermann 在他的回答中也谈到了这一点。

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

Form within another form，如果您在 Chrome 中运行此代码并检查 未呈现，请注意:

<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>

如果您将 form2 移到 form1 之外，请在 Chrome 中运行代码并检查，然后呈现:

<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>

关于html - 表格没有出现，但它的内容出现了，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13776986/

html - 表格没有出现，但它的内容出现了

上一篇：javascript - 如何使用javascript在html中用按钮清除文本区域？

下一篇：jQuery 和 history.js 示例