form表单按enter键自动提交的问题_html/css_WEB-ITnose

 废话不多说。直接上代码。

1：form表单按enter键自动提交的情况

 1  2  3   4    5    6    7    8    9   10  11  12   
13         14         15   </form>16  </body>17 </html></pre>   </p>   <p>在此文本框中按enter键，页面会自动跳转到百度的搜索页面。</p>   <p>2：解决方案</p>   <p>　　1）去掉form表单。然后在文本框中按enter键就不会出现自动跳转的情况了。（不建议使用）</p>   <p>　　2）再添加一个隐藏的文本框。出现问题的原因是form表单中有且只有一个文本框。故新增一个隐藏的文本框也可解决问题。</p>   <p>　　　　<input style="display:none"></p>   <p>　　3)在表单上添加属性 onsubmit="return false";也可以解决问题。</p>    <p class="sycode"></p>  <p class="sycode"></p>  <p class="sycode">   </p>
<p class="sycode"></p>   <p class="sycode"></p>   <p class="sycode">   </p>   <p class="sycode"></p>   <p class="sycode"></p> </article >
      <div class="mimiwuqi pagebar-2">  </div>
      <div class="mimiwuqi art-tags">  </div>
      <div class="mimiwuqi art-copyright">
        <p>本文是由用户编写整理，所有内容的版权归原作者所有。如果侵犯了您的权益，请联系我删除<br></p>
      </div>
    </div>
    <div class="mimiwuqi prev-next">       <p class="mimiwuqi art-prev"> <a href="https://frontend.mimiwuqi.com/qianduan/414888.html" rel="prev"><span>上一篇</span>
        CSS3 timing-function: steps()_html/css_WEB-ITnose        </a> </p>
                        <p class="mimiwuqi art-next"> <a href="https://frontend.mimiwuqi.com/qianduan/442913.html" rel="next"><span>下一篇</span>
        PHP写的API如何防止拒绝服务攻击？        </a> </p>
                </div>
  </div>
  <div class="mimiwuqi col-right r">
      <div class="mimiwuqi widget widgetModule widgetHotPost">
        <div class="mimiwuqi com-tit">
          <h4 class="mimiwuqi title-2">相关推荐</h4>
        </div>
        <ul class="mimiwuqi mod-main mod-post">
                     <li> <a href="https://frontend.mimiwuqi.com/qianduan/414889.html" target="_blank" title="form表单按enter键自动提交的问题_html/css_WEB-ITnose" class="mimiwuqi clearfix">
            <div>
              form表单按enter键自动提交的问题_html/css_WEB-ITnose            </div>
            </a> </li>
                    <li> <a href="https://frontend.mimiwuqi.com/qianduan/414888.html" target="_blank" title="CSS3 timing-function: steps()_html/css_WEB-ITnose" class="mimiwuqi clearfix">
            <div>
              CSS3 timing-function: steps()_html/css_WEB-ITnose            </div>
            </a> </li>
                    <li> <a href="https://frontend.mimiwuqi.com/qianduan/414887.html" target="_blank" title="基于CSS3动态背景登录框代码_html/css_WEB-ITnose" class="mimiwuqi clearfix">
            <div>
              基于CSS3动态背景登录框代码_html/css_WEB-ITnose            </div>
            </a> </li>
                    <li> <a href="https://frontend.mimiwuqi.com/qianduan/414886.html" target="_blank" title="Div+Css的初步运用_html/css_WEB-ITnose" class="mimiwuqi clearfix">
            <div>
              Div+Css的初步运用_html/css_WEB-ITnose            </div>
            </a> </li>
                    <li> <a href="https://frontend.mimiwuqi.com/qianduan/414885.html" target="_blank" title="网页设计的标准尺寸_html/css_WEB-ITnose" class="mimiwuqi clearfix">
            <div>
              网页设计的标准尺寸_html/css_WEB-ITnose            </div>
            </a> </li>
                    <li> <a href="https://frontend.mimiwuqi.com/qianduan/414884.html" target="_blank" title="HTML 左边的左对齐 右边的右对齐_html/css_WEB-ITnose" class="mimiwuqi clearfix">
            <div>
              HTML 左边的左对齐 右边的右对齐_html/css_WEB-ITnose            </div>
            </a> </li>
                    <li> <a href="https://frontend.mimiwuqi.com/qianduan/414883.html" target="_blank" title="常用的CSS命名规则_html/css_WEB-ITnose" class="mimiwuqi clearfix">
            <div>
              常用的CSS命名规则_html/css_WEB-ITnose            </div>
            </a> </li>
                    <li> <a href="https://frontend.mimiwuqi.com/qianduan/414882.html" target="_blank" title="android动画介绍Animation 实现loading动画效果_html/css_WEB-ITnose" class="mimiwuqi clearfix">
            <div>
              android动画介绍Animation 实现loading动画效果_html/css_WEB-ITnose            </div>
            </a> </li>
                    <li> <a href="https://frontend.mimiwuqi.com/qianduan/414881.html" target="_blank" title="flash播放mp4插件轻松搞定播放视频问题_html/css_WEB-ITnose" class="mimiwuqi clearfix">
            <div>
              flash播放mp4插件轻松搞定播放视频问题_html/css_WEB-ITnose            </div>
            </a> </li>
                    <li> <a href="https://frontend.mimiwuqi.com/qianduan/414880.html" target="_blank" title="在2015年 开发一个 Web App 必须了解的那些事_html/css_WEB-ITnose" class="mimiwuqi clearfix">
            <div>
              在2015年 开发一个 Web App 必须了解的那些事_html/css_WEB-ITnose            </div>
            </a> </li>
                    <li> <a href="https://frontend.mimiwuqi.com/qianduan/414879.html" target="_blank" title="IOS－动画Animation_html/css_WEB-ITnose" class="mimiwuqi clearfix">
            <div>
              IOS－动画Animation_html/css_WEB-ITnose            </div>
            </a> </li>
                    <li> <a href="https://frontend.mimiwuqi.com/qianduan/414878.html" target="_blank" title="屏蔽网页中的脚本_html/css_WEB-ITnose" class="mimiwuqi clearfix">
            <div>
              屏蔽网页中的脚本_html/css_WEB-ITnose            </div>
            </a> </li>
                    <li> <a href="https://frontend.mimiwuqi.com/qianduan/414877.html" target="_blank" title="我想hover时 菜单平滑收回去，怎么实现啊_html/css_WEB-ITnose" class="mimiwuqi clearfix">
            <div>
              我想hover时 菜单平滑收回去，怎么实现啊_html/css_WEB-ITnose            </div>
            </a> </li>
                    <li> <a href="https://frontend.mimiwuqi.com/qianduan/414876.html" target="_blank" title="CSS3阴影 box-shadow的使用和技巧总结_html/css_WEB-ITnose" class="mimiwuqi clearfix">
            <div>
              CSS3阴影 box-shadow的使用和技巧总结_html/css_WEB-ITnose            </div>
            </a> </li>
                    <li> <a href="https://frontend.mimiwuqi.com/qianduan/414875.html" target="_blank" title="百度地图的简单使用 --html js_html/css_WEB-ITnose" class="mimiwuqi clearfix">
            <div>
              百度地图的简单使用 --html js_html/css_WEB-ITnose            </div>
            </a> </li>
                    <li> <a href="https://frontend.mimiwuqi.com/qianduan/414874.html" target="_blank" title="div层遮盖flash(兼容浏览器)_html/css_WEB-ITnose" class="mimiwuqi clearfix">
            <div>
              div层遮盖flash(兼容浏览器)_html/css_WEB-ITnose            </div>
            </a> </li>
                    <li> <a href="https://frontend.mimiwuqi.com/qianduan/414873.html" target="_blank" title="还html标签以本来意义_html/css_WEB-ITnose" class="mimiwuqi clearfix">
            <div>
              还html标签以本来意义_html/css_WEB-ITnose            </div>
            </a> </li>
                    <li> <a href="https://frontend.mimiwuqi.com/qianduan/414872.html" target="_blank" title="Stylus轻而易举实现CSS前缀和reset CSS_html/css_WEB-ITnose" class="mimiwuqi clearfix">
            <div>
              Stylus轻而易举实现CSS前缀和reset CSS_html/css_WEB-ITnose            </div>
            </a> </li>
                    <li> <a href="https://frontend.mimiwuqi.com/qianduan/414871.html" target="_blank" title="如何学习html5?_html/css_WEB-ITnose" class="mimiwuqi clearfix">
            <div>
              如何学习html5?_html/css_WEB-ITnose            </div>
            </a> </li>
                    <li> <a href="https://frontend.mimiwuqi.com/qianduan/414870.html" target="_blank" title="关于CSS Reset 那些事（三）之 Normalize-zh.css 出炉_html/css_WEB-ITnose" class="mimiwuqi clearfix">
            <div>
              关于CSS Reset 那些事（三）之 Normalize-zh.css 出炉_html/css_WEB-ITnose            </div>
            </a> </li>
                  </ul>
      </div>
    </div>
  </div>
</div>
<footer class="footer">
  <div class="footer-bottom">
      <div class="container">
        <div class="footer-copyright">Copyright © 2009 mimiwuqi.com<span>・ </span><a rel="nofollow" target="__blank" href="https://beian.miit.gov.cn">晋ICP备2021011283号</a>  <script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?7b19f396c9feef68fe5082cad0b0eeff";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
</div>
      </div>
  </div>
  <div class="foot-link">
    <img rel="nofollow" src="https://www.mimiwuqi.com/skin/truste.png" alt="TRUSTe Privacy Certification">	
    <img rel="nofollow" src="https://www.mimiwuqi.com/skin/icon3.png" alt="可信网站">
    <img rel="nofollow" src="https://www.mimiwuqi.com/skin/f1ee261b96ae71e845efba398efeca02.png" alt="网站安全">
    <img rel="nofollow" src="https://www.mimiwuqi.com/skin/a6ef792fec0a3f4f370cb8d8c6d11134.png" alt="服务时间">
  </div>
<div class="rollbar">
  <div class="rollbar-item"><a rel="nofollow" target="_blank" title="举报反馈留言"  href="https://www.mimiwuqi.com/e/tool/gbook/?bid=2"><i class="iconfont icon-fankui"></i>反馈</a></div>
  <div class="rollbar-item tap-qq" etap="tap-qq"><a rel="nofollow" target="_blank" title="QQ咨询" href="tencent://message/?uin=431571451&Site=qq&Menu=yes"><i class="iconfont icon-qq"></i></a></div>
  <div class="rollbar-item tap-weixin" etap="tap-weixin" data-id="0" title="关注微信"><i class="iconfont icon-weixin"></i><img src="/skin/mimiwuqi/images/weixin.png" alt="微信联系"></div>
  <div class="rollbar-item to_full" etap="to_full" title="全屏页面"><i class="iconfont icon-full"></i></div>
  <div class="rollbar-item to_top" etap="to_top" title="返回顶部"><i class="iconfont icon-shang"></i></div>
</div>  <div id="loginbox"></div>
  <script type="text/javascript" src="/skin/images/login.js"></script>  
</footer>
 

<div class="mimiwuqi m-mask"></div>
<script src="https://frontend.mimiwuqi.com/skin/mimiwuqi/js/jquery.fancybox.min.js"  type="text/javascript"></script>
<link rel="stylesheet" href="https://frontend.mimiwuqi.com/skin/mimiwuqi/css/jquery.fancybox.min.css">

<script>
$(function () {
        $('.content').find('img').each(function () {
                var _this = $(this);
                var _src = _this.attr("src");
                var _alt = 'form表单按enter键自动提交的问题_html/css_WEB-ITnose';
                _this.wrap('<a data-fancybox="images" href="' + _src + '" data-caption="' + _alt + '"></a>');
				$(this).attr('title','' + _alt + '');
        })
})
const preElements = document.querySelectorAll('pre');
		preElements.forEach((pre, index) => {
			const code = document.createElement('code');
			code.textContent = pre.textContent;
			pre.textContent = '';
			pre.appendChild(code);
			const codebutton = document.createElement('button');
			codebutton.textContent = '复制';
			codebutton.className = 'hljs-button';
			pre.appendChild(codebutton);
			codebutton.addEventListener('click', function () {
				navigator.clipboard.writeText(code.textContent).then(() => {
					codebutton.textContent = '已复制';
					setTimeout(() => {
						codebutton.textContent = '复制';
					}, 2000);
				})
					.catch(err => {
						console.error('无法复制文本: ', err);

					});
			});
		});
</script>
</body>
</html>