devexpress 打印一个form界面_通过回车键提交form表单时，你是否注意过这些问题？...

表单登陆

如图，现在很多网站的登陆页面，在输入完账号密码后，都有点击回车键直接登陆的操作，就是这么一个平凡的操作，不知道大家有没有在实际工作中发现一些问题，下面我来跟大家讲讲我发现的问题，首先运行下面的代码：

用户名:取消提交

当你在输入框中点击回车时，你会惊奇的发现控制台竟然打印出了取消，别慌，我们把取消按钮隐藏掉 display:none:

取消

再次刷新界面，输入框中回车，你又会发现控制台依然打印出了取消，是不是觉得很神奇，然后我们把 提交按钮 和 取消按钮 调换一个位置：

提交取消

这时候控制台打印出了提交，到这里相信大家应该明白了一个事情，如果在 form 中点击回车键，表单在执行 submit 的操作同时，会响应后面第一个button 的点击事件无论这个button是否是隐藏的都会被执行click事件，所以大家在通过回车键处理表单提交的时候，注意其中 button 的前后顺序。

当然了，有时候我们可能就需要取消按钮在前，提交按钮在后，这又该如何呢，别急，看下面代码:

我们将 button 换成 input 然后分别设置不同的 type，这时候点击回车，你会发现控制台打印了提交，看到不同了吧，使用input标签来定义按钮的时候，点击回车，会执行 type="submit" 的按钮，这样就不用去关心按钮的前后位置了。当然了你也可以手动执行 form 的 submit 方法，这个看个人喜欢。

devexpress 打印一个form界面_通过回车键提交form表单时，你是否注意过这些问题？...相关推荐

ajax异步请求——form表单提交及表单序列化提交
ajax异步请求 AJAX介绍 AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScript And XML),它不是一种新的编程语言,而是一种使用现有标准的新方 ...
Python Flask学习_使用Flask-wtf和web表单
HTML中的<form> 元素表示表单,表单用于收集用户输入. 之前,学习使用request.form获取表单数据.但是有些任务重复单调,可以实现自动化管理,比如 :生成表单的HTML代码 ...
css搜索的文本框,一个很不错的CSS改写的大表单文本框和搜索按钮组
<一个很不错的CSS改写的大表单文本框和搜索按钮组>要点: 本文介绍了一个很不错的CSS改写的大表单文本框和搜索按钮组,希望对您有用.如果有疑问,可以联系我们. 先看效果图: 开始爬取 C ...
怎么改变表单option标签直接字体大小_不起眼却非常重要的表单交互
表单是什么?是用户和app之间的对话.作为人机交互的一种重要入口,一个好的数据输入方式是很有必要去考虑的.但现实中,我们大多设计师和产品经理前期设计的时候就没有太多的考虑,到最后开发的时候就会发现问题 ...
黑客登录界面科幻黑色主题网页模板表单验证代码
黑客登录界面科幻黑色主题网页模板表单验证代码效果: html代码: <!DOCTYPE html> <html lang="en"><head> ...
form提交表单时本地下载
form 提交表单时,没有进行跳转页面,而进行的时本地下载,或自动连接你的迅雷下载. 我把这句 contentType="text/html;charset=utf-8" 代码写成 ...
django一个html先后两个form,Django教程（三）- Django表单Form
目录: 1.Form 基本使用 django中的Form组件有以下几个功能: 生成HTML标签验证用户数据(显示错误信息) HTML Form提交保留上次提交数据初始化页面显示内容 2.Form中 ...
JS解决在提交form表单时某个值不存在 alter弹窗点确定不刷新界面
<form action="" method="post" onsubmit="return checkname()"> < ...
itextpdf添加表格元素_使用iText填充pdf表单
最近项目中用到了下载pdf回单的功能.需要把内容动态的填入pdf并打印,觉得这个功能挺实用的,所以决定用博客记录一下方便以后使用. 一.首先我们需要安装Adoble Acrobat XI Pro,因为 ...

devexpress 打印一个form界面_通过回车键提交form表单时，你是否注意过这些问题？...

devexpress 打印一个form界面_通过回车键提交form表单时，你是否注意过这些问题？...相关推荐

最新文章

热门文章