html表单 按回车不自动提交

Posted

tags:

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

<form action="" method="post">
<label>选择物流方式:<select name="carriagetype">
<option value="1">无需物流</option>
<option value="2">顺丰速运</option>
<option value="3">圆通快递</option>
<option value="4" selected="selected">申通快递</option>
<option value="5">韵达快递</option>
<option value="6">天天快递</option>
<option value="7">邮政EMS</option>
<option value="8">邮政挂号</option>
<option value="9">邮政平信</option>
</select></label><br />
<label>填写物流单号:<input type="text" name="carriageno" onmousemove="this.focus();" /><br />
<input type="submit" name="carriage" value="确定发货" />
</form>

该页面中也有其他表
另外php接收信息是 if($_POST['carriage'])执行程序

输入好单据号后按回车无反应

只能点确定发货,这样影响效率。。。

不知道有何解决方法
加入了URL,效果一样,应该和""一样,传给自己

参考技术A 你的焦点定位在了"填写物流单号:<input type="text" name="carriageno" onmousemove="this.focus();" />"这里,建议去除onmouseover事件,其实用户要输入的话也就一个单击,或者用其他方式提醒用户输入,不要用this.focus() 参考技术B <form action="" method="post">
这段标签里面的 action=""
往里面写入URL
比如你要向index.php传递信息
可以这么写
<form action="index.php" method="post">

希望能帮到你
参考技术C 在body标签中这么写:
<body onkeypress="if(event.keyCode==13)event.keyCode=0;//接下来这里也可以写具体什么条件再用程序来提交表单">
参考技术D <body>
<form id="form1" name="form1" method="post" action="">
<label>
<input type="text" name="textfield" />
</label>
<label>
<input type="submit" name="Submit" value="提交" onclick="a();"/>
</label>
</form>
</body>
</html>
<script language="javascript" type="text/javascript" >
function a()
var x =document.form1.textfield.value;
alert(x);

document.onkeydown = function(e)
if(!e) e = window.event;//火狐中是 window.event
if((e.keyCode || e.which) == 13)
a();


</script>
请参考本回答被提问者采纳

遇到的一个Form表单自动提交问题解决办法

Form 表单中只有一个 input 元素时按回车会默认提交表单。有的时候我们希望按回车可以进行列表查询,但是查询后表单被自动提交了,然后刷新了整个页面。这个时候就需要对这个 Form 表单处理一下以满足在只有一个 input 元素时也能回车查询。

基本表单如下:

<html>
    <head></head>
    <body>
        <form action=‘XXX‘ name=‘searchForm‘ method=‘post‘>
           查询: <input type=‘text‘ />
        </form>
    </body>
</html>

解决方法有以下几种:
1.添加一个无用的 input 框

<input type=‘text‘ style=‘display: none;‘ />

2.阻止表单的回车键进行提交

<form action=‘XXX‘ name=‘searchForm‘ method=‘post‘ onsubmit=‘return false‘>

date: 2018-02-27 11:18:05
本文由个人 hexo 博客 co2fe.com 迁移

以上是关于html表单 按回车不自动提交的主要内容,如果未能解决你的问题,请参考以下文章

关于按下回车键自动提交表单问题解决

HTML,如何按回车提交表单

遇到的一个Form表单自动提交问题解决办法

JS采坑记录 - form表单中只有一个input时,按回车键后表单自动提交

阻止 form 回车 自动提交

按Enter键后Form表单自动提交的问题