手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >关于表单的两点交互体验改进技巧
关于表单的两点交互体验改进技巧
摘要:想必大家在页面都使用过表单,如果你对单调的表单控制单元不满意,不妨看看以下几条技巧:1、表单文本输入的移动选择:在文本输入栏中,如果加入了提...

想必大家在页面都使用过表单,如果你对单调的表单控制单元不满意,不妨看看以下几条技巧:

1、表单文本输入的移动选择:在文本输入栏中,如果加入了提示,来访者往往要用鼠标选取后删除,再输入有用的信息。其实只要加入onMouseOver="this.focus()"onFocus="this.select()"代码到<textarea>中,一切就会变得简单多了,如:

Input English..

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

类似的,可以加入代码到<input>。

2、表单输入单元点击删除:本列同上则作用类似,只是使用鼠标上略有变化,需要点击而不像上则的只要鼠标覆盖。如:

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

点击输入单元后,提示信息会删除,是不是很方便。

【关于表单的两点交互体验改进技巧】相关文章:

简述JavaScript中正则表达式的使用方法

与ClientWidth有关的一点资料

jquery 构造函数在表单提交过程中修改数据

Backbone.js的一些使用技巧

JavaScript中数组添加值和访问值常见问题

禁止按回车键提交表单的方法

DEFER怎么用?

初步使用bootstrap快速创建页面

列表内容的选择

关于JavaScript作用域你想知道的一切

精品推荐
分类导航