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

2016-02-19 10:42 3 1 收藏

今天图老师小编要跟大家分享关于表单的两点交互体验改进技巧，精心挑选的过程简单易学，喜欢的朋友一起来学习吧！

【 tulaoshi.com - Web开发】

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

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

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
类似的，可以加入代码到input。

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

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
点击输入单元后，提示信息会删除，是不是很方便。

来源:https://www.tulaoshi.com/n/20160219/1595544.html

上一篇：安装SQL2005提示找不到任何SQL2005组件的问题解决方案
下一篇： ajax完美解决的下拉框的onchange问题

看过《关于表单的两点交互体验改进技巧》的人还看了以下文章更多>>

网页表单实现鼠标悬停交互效果

标签： Web开发

制作表单的时候，实现鼠标悬停交互效果有多种方法: 1、在xhtml中直接写入onmouseover、onmouseout脚本就可以实现了，但这样就违背了web标准所倡导的内容、表现相分离的原则。以后若要对此进行修改也将会很繁琐。这样直接写入xhtml也会让页面代码增加，如果只是一个input输入框或许是无所谓的，如果是几十个几百个，增加的字节数就很宠大了。 ...

WEB设计中的网页表单关于编码设计的小技巧

标签：平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

备注: 关于label和tag,在中文中都翻译成标签,而下文中出现的标签,都是对label的翻译,比如"用户名"+输入框, 这里的"用户名"项在英文中是label,约定翻译为标签页面表单已经是web设计中讨论最多的元素,已经超过10年了.我们无法避免.Call-to-action(一般翻译为"行动呼吁","行动号召",但是都觉得不理想....

网页表单设计的秘诀教你做出体验极佳表单

标签：网页设计网站设计网站

把表单设计得易于输入你无法确知用户使用的是手机还是电脑在浏览你的网页，输入你的表单，但是它应该对于各种输入设备都足够友好才行。考虑到你的表单可能会是不同类型的键盘输入的，所以你应该根据表单字段属性和检测到的键盘类型，进行适配。在桌面端，用户应该可以只借助键盘完成整个输入过程，而无需动用鼠标与触控板。完成一...

关于网页表单实现和网页布局如何运用表单

标签： Web开发

引言 HTML表单一文中介绍了关于表单的创建和样式化的基础内容。本文提供了关于表单元素和样式的更多详细内容，以及在真实的web应用程序设计中表单是如何运用的。本文中引入的概念这一部分提供了关于表单实现和界面布局的新信息。规则和标记超载大量使用class和id标记是违反KISS（保持简洁）准则的（在CSS盒模型与基础布局一文中已经解释...

关于文摘插件提交表单的开发

标签： ASP

实例：具体功能见“我爱博客（http://www.woiblog.com）”里有相关使用介绍！ 1,要实现的功能就是在浏览器加一个右键快捷方式提交所选的网页或图片内容！实例应用在博客程序里，就是在你已登陆的情况下，浏览网页时看到比较好的新闻或图片！你就可以选中内容--》点右键出现“加入我的网摘”，这时就会弹出一个IE窗口，自动将网页标题...

查看更多精彩>>