回车即提交from表单数据

Posted chenjw-note

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了回车即提交from表单数据相关的知识,希望对你有一定的参考价值。

1.html代码

<form method="post" action="/xxxxx/" id="myform" onchange="submitForm_host_filter()">
  {% csrf_token %}
  <input style="width: 250px;height: 30px;border-radius: 7px;border: 0px;background-color: #e2e2f5;" placeholder="Filter: ip |实例id |name" name="host_filter" value="{{ host_filter }}">
</form>

2.javascript代码

function submitForm_host_filter(){
    //获取form表单对象,提交选择项目
    var form = document.getElementById("myform");
    form.submit();//form表单提交
}

 

以上是关于回车即提交from表单数据的主要内容,如果未能解决你的问题,请参考以下文章

js防止回车(enter)键提交表单及javascript中event.keycode

在html中的表单,为啥一按回车键就提交表单了呢?

按回车时表单未提交

回车提交表单

一个页面里可以 存在多个from表单吗

html表单 按回车不自动提交