HTML5实现的占位符效果示例

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:占位符示例效果电脑软件

相关内容