繁体中文
设为首页
加入收藏
资讯中心
网络编程
数据库
脚本专栏
实用技巧
软件编程
网页制作
操作系统
经典网摘
网站技巧
免费资源
关于我们
文章搜索
主机租用
域名查询
基础知识
应用技巧
表单特效
广告代码
网页特效
黑客性质
页面导航:
首页
→
网络编程
→
JavaScript
→
表单特效
→ 正文内容
关于表单的两点交互体验改进技巧
发布:dxy 字体:[
增加
减小
] 类型:转载
想必大家在页面都使用过表单,如果你对单调的表单控制单元不满意,不妨看看以下几条技巧:
1、表单文本输入的移动选择:在文本输入栏中,如果加入了提示,来访者往往要用鼠标选取后删除,再输入有用的信息。其实只要加入onMouseOver="this.focus()" onFocus="this.select()" 代码到 <textarea> 中,一切就会变得简单多了,如:
点击运行可以看到效果:
Input English..</textarea>
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
类似的,可以加入代码到<input>。
2、表单输入单元点击删除:本列同上则作用类似,只是使用鼠标上略有变化,需要点击而不像上则的只要鼠标覆盖。如:
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
点击输入单元后,提示信息会删除,是不是很方便。
Tags:
关于表单的两点交互体验改进技巧
百度中搜索更多的关于
关于表单的两点交互体验改进技巧
内容,或者
用Google搜索相关更多
浏览次数:
载入中...
打印本文
关闭本文
返回首页
0
顶一下
上一篇文章:
一直复略了的一个问题,关于表单重复提交
下一篇文章:
js下拉框里超过变成省略号
文章评论
共有
位脚本之家网友发表了评论
我来说两句
同 类 文 章
select选择事件问题
用srcElement实现添加效果
onpropertypchange
打造个性化的Select(可编辑)
javascript之dhDataGrid Ver2.0.0代码
动态增加/删除文件域
Ctrl + Enter提交前检测的代码
javascript操作文本框readOnly
javascript在一段文字中的光标处插入其他
javascript实现爱你在FF IE下都有效的添加
最 近 更 新
js插入字符到textarea的效果代码
取得input元素中部分选中(selected)的值
表单(FORM)的一些实用效果代码
解放web程序员的输入验证
从阿里妈妈发现的几个不错的表单验证函数
关于脚本操作文本域的问题
javascript select 之间传值效果的代码
关于表单的两点交互体验改进技巧
js获取变量
表单项的name命名为submit、reset引起的问
热 点 排 行
checkbox实现全选的多种方法 不断
收藏的js表单验证控制代码大全
HTML里select的CSS样式的改变
改进版:在select中添加、修改、
二级连动菜单
Select的OnChange()事件
javascript判断单选框或复选框是
JS多级连动菜单
多个iframe自动调整大小的问题
把textarea中字符串里含有的回车
文章评论
共有 位脚本之家网友发表了评论我来说两句