Maison  >  Article  >  interface Web  >  去除表单的回车即提交即回车!=提交

去除表单的回车即提交即回车!=提交

高洛峰
高洛峰original
2017-03-01 14:49:461498parcourir

默认情况下,单个输入框,无论按钮的type="submit"还是type="button"类型,回车即提交,那么如何去除表单的回车即提交,下面有个不错的示例大家可以参考下 实现"回车!=提交"的问题,一般可以从"按钮的type类型" 和 "输入框个数"两处着手。

默认情况下,单个输入框,无论按钮的type="submit"还是type="button"类型,回车即提交。

1.当type="submit"时,无论有几个type="text"输入框,回车均表示提交。(submit)

2.当type="button"时,且存在多个输入框,回车不提交。(button)

3.解决单个输入框的回车即提交问题,参考第二点:可以增加一个input="text",隐藏; 然后type类型为button。

在实际应用中,input输入框很少只有一个的情况,那么只需记住第二条即可应对。

使用JS事件阻止表单提交 不在本文讨论范围,当然也是可以实现的。

更多去除表单的回车即提交即回车!=提交相关文章请关注PHP中文网!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:关于html中meta的作用Article suivant:HTML页面style中里面的作用