最近更新
阅读排行
关注本站

移动端搜索框得失焦点效果

阅读:5123 次   编辑日期:2013-11-25

目录:

概述:

在工作中,我们经常会制作搜索功能,都离不开两个最基本的效果:
(1)没有焦点时显示默认文字;
(2)获取焦点并输入文字时,默认文字消失显示输入文字;
(3)当删除输入文字时,显示默认文字;
今天我不聊JS如何实现,因为真的也没有什么难度,今天讲一个NB的办法,简单方便。但是仅针对移动端,PC端的浏览器有些还不支持。

placeholder属性:

placeholder 属性可以提供默认的值,类似于value。 该默认值会在输入字段为空时显示,并会在字段获得焦点并且字段不为空时消失。
注释:placeholder 属性适用于以下的 input 类型:text, search, url, telephone, email 以及 password。

使用方法:

	
去试试看吧,如果是做移动端开发,的确省事了不少~
将本篇文章分享到:
top