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,效果一样,应该和""一样,传给自己
这段标签里面的 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表单 按回车不自动提交的主要内容,如果未能解决你的问题,请参考以下文章