Heim > Web-Frontend > js-Tutorial > 关于表单的两点交互体验改进技巧_表单特效

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

WBOY
Freigeben: 2016-05-16 19:19:02
Original
1150 Leute haben es durchsucht

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

1、表单文本输入的移动选择:在文本输入栏中,如果加入了提示,来访者往往要用鼠标选取后删除,再输入有用的信息。其实只要加入onMouseOver="this.focus()" onFocus="this.select()" 代码到 
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]


类似的,可以加入代码到

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

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

点击输入单元后,提示信息会删除,是不是很方便。

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage