Javascript 当表单有两个文本输入时，为什么addEventListener（“提交”）不起作用？_Javascript_Html

Javascript 当表单有两个文本输入时，为什么addEventListener（“提交”）不起作用？

javascript html

Javascript 当表单有两个文本输入时，为什么addEventListener（“提交”）不起作用？,javascript,html,Javascript,Html,在表单中输入一个文本后，按下ENTER键后，以下代码可以很好地提交表单： <!DOCTYPE html> <html> <head> <script> document.querySelector("form").addEventListener("submit"); </script> </head> <body> <form name="myForm" action="#" method=

在表单中输入一个文本后，按下ENTER键后，以下代码可以很好地提交表单：

<!DOCTYPE html>
<html>
<head> 
<script>
    document.querySelector("form").addEventListener("submit"); 
</script>
</head>
<body>

<form name="myForm" action="#" method="post">
    First Name: <input type="text" name="fname"> 
</form>

</body>
</html>

但是，对于两个文本输入字段，以下代码不起作用。也就是说，在按下回车键后，什么也不会发生

<!DOCTYPE html>
<html>
<head> 
<script>
    document.querySelector("form").addEventListener("submit"); 
</script>
</head>
<body>

<form name="myForm" action="#" method="post">
    First Name: <input type="text" name="fname"> <br>
    Last Name:  <input type="text" name="lname">  
</form>

</body>
</html>

我的问题不是重复的，它解决了如何隐藏提交按钮的问题。我的问题是：为什么addEventListenersubmit不起作用，即当表单有两个文本输入时无法提交from？

请参见HTML规范，具体如下：

如果表单没有Submit按钮，那么如果表单有多个阻止隐式提交的字段，则隐式提交机制不能执行任何操作

及

元素是阻止表单元素隐式提交的字段，如果表单元素是表单所有者为该表单元素的输入元素

表单有两个输入元素，没有提交按钮

添加提交按钮。

请参见HTML规范，具体如下：

如果表单没有Submit按钮，那么如果表单有多个阻止隐式提交的字段，则隐式提交机制不能执行任何操作

及

元素是阻止表单元素隐式提交的字段，如果表单元素是表单所有者为该表单元素的输入元素

表单有两个输入元素，没有提交按钮

添加提交按钮。

您提供的链接可能存在重复，说明了如何隐藏提交按钮，这与我的问题不同。我在问，当我有两个文本输入时，为什么addEventListenersubmit不起作用。addEventListener在两种情况下都不起作用：您提供的链接可能存在重复，说明了如何隐藏submit按钮，这与我的问题不同。我在问为什么addEventListenersubmit在我有两个文本输入时不起作用。addEventListener在两种情况下都不起作用：要添加，如果不想显示submit按钮，只需在css类或内联样式中添加display:none。要添加，如果不想显示submit按钮，只需在css类或内联样式中添加display:none。