文本区域窗体内的奇怪行为

Question

我的问题很简单。 如果文本区域在表单内，我无法添加新行/按回车键在其中放置新行。

在表单之外效果很好。我需要表格，但我无法删除它。文本区域必须位于表单内

有没有办法解决这个问题？为什么会这样？

<form>
<textarea></textarea>
</form>

Answer 1

信息不足，它只是以这种方式工作，我认为您应该共享应用于这两个元素的 CSS。

确保按 Enter 时文本区域聚焦，否则应提交

Answer 2

这是一个最小的例子。在我的浏览器(Chome(中，我可以在文本区域内按回车键，而无需提交表单。这对你也有用吗？然后，您的代码还有其他一些东西会导致表单被提交。

myForm.addEventListener("submit",event=>{
event.preventDefault();
console.log("Form submit", Date.now());
});

input[type=text],
textarea{
width:100%;
}

<form id="myForm">
<textarea>Enter you text here. You should be able to press enter here to create a new line, without the form being submitted.</textarea><br>
<input type="text" value="Pressing enter here will submit the form"><br>
<input type="submit">
</form>