关于表单的两点交互体验改进技巧
更新时间：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需再刷新一下页面才能执行]
点击输入单元后，提示信息会删除，是不是很方便。
相关文章
但是div可以盖iframe，而iframe可以盖select, 所以，把一个iframe来当作div的底，2008-08-08
对于js事件的通用调用写法2009-01-01
select超出一定长度则变成省略号2008-05-05
js获取变量...2006-08-08
javascript 单选按钮 单击选中 双击取消选择实现代码
很多情况下，我们需要对radio单选框实现取消选择，这里用js的实现方法，确实不错。2010-08-08
常用js脚本...2006-12-12
input 文本框内容改变，我们可以使用onchange或者onblur来进行判断，但是onchange是在文本内容改变，然后失去焦点的时候发生，onblur是在失去焦点时候发生，不会自己去判断。2010-04-04
javascript中input中readonly和disabled区别介绍
javascript中input中readonly和disabled区别，在开发中可能会常有用到，利用js动态改变input的属性2012-10-10
用CSS和JS设计的符合用户体验的表单。大家可以在自己的网页里面用用，自己感觉非常不错的一种效果。2008-10-10
权限选择页面，选择、撤回、全部选择、全部撤回2012-02-02
最新评论