HTML5实现的占位符效果示例
你知道HTML5的新占位符属性吗你不知道什么并不重要,输入框有默认文本,这通常需要这样的效果。单击让默认文本消失,并在丢失焦点后显示默认文本。
今天,分享一段jQuery代码来模拟占位符的效果。
Javascript代码:
复制代码代码如下所示:
函数占位符(事件){
VaR自=美元(这),selfdatavalue = self.attr(值),自我价值= self.val();
如果(selfdatavalue){
event.type = =点击(自我价值= selfdatavalue(self.val(.css)(颜色
其他{ }
返回false;
}
}
$(。pinputtext ),(点击模糊
HTML代码:
复制代码代码如下所示:
也许有人会问,既然HTML5提供了这样的功能,JS会写些什么呢
这当然不是无稽之谈,它与问题是相容的。如果IE与HTML5兼容,谁愿意用js来实现这个目标。
tag:占位符示例效果电脑软件
相关内容