关于表单的两点交互体验改进技巧
更新时间：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需再刷新一下页面才能执行]
点击输入单元后，提示信息会删除，是不是很方便。
相关文章
传统的select控件比较难看，用css美化也达不到好的效果，而javascript和css结合起来，用div等元素模拟一个select达到想要的效果就很容易了。2008-06-06
网页中经常会用到的一些字数限制要求，下面的代码应该可以帮你解决这个问题,下面的代码不论是text和textarea效果都是一样的。2008-09-09
javascript实现爱你在FF IE下都有效的添加一个项目
javascript实现爱你在FF IE下都有效的添加一个项目...2007-07-07
带Checkbox的列表框...2006-08-08
实现一个年、月、季度联动SELECT的javascript代码
实现一个年、月、季度联动SELECT的javascript代码...2007-07-07
checkbox实现全选的多种方法 不断更新...2006-07-07
取得input元素中部分选中(selected)的值...2007-02-02
js文本中搜索关键词输入效果...2007-10-10
Js 载入时选中文字的实现代码，需要的朋友可以参考下。2010-05-05
下面的代码，对于身份证的验证功能更强，包含大约的省份。2008-10-10
最新评论