关于表单的两点交互体验改进技巧
更新时间：2007年02月22日 00:00:00 作者：
想必大家在页面都使用过表单，如果你对单调的表单控制单元不满意，不妨看看以下几条技巧：
1、表单文本输入的移动选择：在文本输入栏中，如果加入了提示，来访者往往要用鼠标选取后删除，再输入有用的信息。其实只要加入onMouseOver="this.focus()" onFocus="this.select()" 代码到 <textarea> 中，一切就会变得简单多了，如：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
类似的，可以加入代码到<input>。
2、表单输入单元点击删除：本列同上则作用类似，只是使用鼠标上略有变化，需要点击而不像上则的只要鼠标覆盖。如：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
点击输入单元后，提示信息会删除，是不是很方便。
1、表单文本输入的移动选择：在文本输入栏中，如果加入了提示，来访者往往要用鼠标选取后删除，再输入有用的信息。其实只要加入onMouseOver="this.focus()" onFocus="this.select()" 代码到 <textarea> 中，一切就会变得简单多了，如：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
类似的，可以加入代码到<input>。
2、表单输入单元点击删除：本列同上则作用类似，只是使用鼠标上略有变化，需要点击而不像上则的只要鼠标覆盖。如：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
点击输入单元后，提示信息会删除，是不是很方便。
相关文章
multibox 全选实现代码。跟checkbox等原理是一样的2009-03-03
在项目中有一个需求，要求页面中的checkbox在页面刷新或后退时都要重新初始化，即处于未选中的状态，不保存之前的状态。2010-01-01
比较实用的复选框的实用javascript脚本...2007-09-09
用 Javascript 验证表单(form)中的单选(radio)值
在用 Javascript 验证表单（form）中的单选框（radio）是否选中时，很多新手都会遇到问题，原因是 radio 和普通的文本框在获取值的时候有很大不同.2009-09-09
autocomplete禁止自动完成功能...2007-06-06
javascript下拉框不被选中大类的区别方法...2007-12-12
想起ie6下，臭名昭著的select需要用iframe遮罩的bug，估计和上面的bug根由是一样的2010-08-08
JavaScript双重输入文字，会适时将第一个文本框的文字复制到第二个文本框中，像克隆一样，有意思吧，还没有搞懂这功能我们平时在哪儿能用上，先收藏一下。2010-10-10
检测input每次的输入是否合法遇到汉字输入就有问题，如何判断汉字是否已经输入到input内2012-05-05
用JavaScript限制textarea输入长度 (For: IE、Firefox ...)[
用JavaScript限制textarea输入长度 (For: IE、Firefox ...)[...2006-12-12
最新评论