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

我有这段代码：

 <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 形式没有问题，这很奇怪，因为它们都很相似。

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

原文由 Noam Gal 发布，翻译遵循 CC BY-SA 4.0 许可协议

阅读 260

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

打开和关闭标签，因为我的表单在另一个表单中。当我将一个表单移到另一个表单之外时，两个 <form> 标签都按预期呈现在 html 中。

Crackermann 在他的回答中也提到了这一点。

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

另一个表单中的表单，请注意如果您在 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>

原文由 Michael Stalcup 发布，翻译遵循 CC BY-SA 3.0 许可协议

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

你尚未登录，登录后可以

问一个鼠标滚动事件，这种是怎么实现的？

form对象根据表单dom元素的name属性获取元素对象是基于什么标准的？兼容性如何？

threejs用octree实现房间内第三人称漫游并且添加了碰撞，人物在碰撞到墙壁的时候不停的弹回，应该怎么修改才能不会疯狂的弹回？

Vue为什么说textarea标签不支持插值表达式的？

为什么下面的代码内部的 div 其 100% 高度可以跳过上层元素?

单页应用网站缓存不是由于index.html文件被缓存导致的吗？

election嵌套了一个web项目通信为什么会中断?

Stack Overflow 翻译