关于表单的两点交互体验改进技巧


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

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


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

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

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

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

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



相关阅读:
CSS3+HTML5 实现未来Web设计
Ping服务的php实现方法,让网站快速被收录
用正则表达式来判断素数的代码
留言板翻页的实现详解
Remind: 命令行的 calendar 及 todo list
PHP服务器变量设置的方法介绍
装VITSA的一些经验基础
Oracle与SQL Server的数据同步
ASP.NET查看主机内存的使用情况
PHP的类 功能齐全的发送邮件类
使用asp.net读取并显示excel数据
网页制作心得:分离之后怎么做?
ASP.NET入门教程:Web表单
Html中JS脚本执行顺序简单举例说明
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4