如何在 HTML 中不使用 <button> 提交 <form> 的数据？答案

【问题标题】：How can I submit <form>'s data without <button> in HTML?如何在 HTML 中不使用 <button> 提交 <form> 的数据？
【发布时间】：2020-11-28 01:10:57
【问题描述】：

由于我是 HTML 初学者，有人可以对以下内容做出合乎逻辑的解释吗？我可以使用<button type="submit"> 提交数据，但如果我有一个<form type="text">，我可以通过按enter 提交。

由于我未能收集到任何相关信息，有人知道它是如何发生的吗？总是有一个提交的按钮，而不是等待用户的输入，难道不是很有意义吗？感觉好像键盘上的enter和按钮提交一样。示例：

<form action="https://www.youtube.com/results">
    <input type="text" name="search_query">
    <button>Submit me!</button>
</form>

这个也可以通过按 enter 来工作：

<form action="https://www.youtube.com/results">
    <input type="text" name="search_query">
</form>

附：当然，对于这两种输入类型，我们都必须输入 dog。

【问题讨论】：

你的问题是什么？
Possible duplicate of Submitting a form by pressing enter without a submit button，但这取决于您的具体要求；例如有一种方法可以使用或不使用 JavaScript，做得好或做得不好，等等。
我听不懂你在问什么。

标签： html button submit action

【解决方案1】：

您可以使用这样的 javascript 在事件上提交表单：

document.getElementById("myFormId").submit();

如果你想禁止在输入时提交表单，你也可以用 JS 来做到这一点。

document.getElementById("myFormId").onkeypress = function(e) {  
//When key is pressed in form
  if (e.keyCode == 13){
  //If key is equal to enter (key code 13)
    e.preventDefault();
    //Prevent the default action (submitting the form)
  }
}

【讨论】：