当前位置:首页 > 日记 > 正文

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来实现这个目标。

相关文章

ps使用历史画笔工具改变水果的颜色

ps使用历史画笔工具改变水果的颜色

工具,水果,颜色,历史,电脑软件,本教程主要是向朋友们介绍如何使用PS历史画笔工具来改变水果的颜色。这个教程很基础。非常适合初学者学习。建议大家一起学习。 对于许多初学者,刚刚接触PS图象处理软件软件将不可避免地遇到一些问题,如如何使…

用js和jquery的输入框输入值的实时

用js和jquery的输入框输入值的实时

输入框,实时监控,输入,方法,电脑软件,本文介绍了JS和jquery实时输入框的值班长的录入和onpropertychange方法。分享给你供你参考。以下是如下: 最近,一个项目已经完成。要求是自动匹配下拉框中的关键词,而细节的实时监控,对文本框的值的变化,然…

PHP生成的缩略图共享代码基于GD2图

PHP生成的缩略图共享代码基于GD2图

图形库,缩略图,代码,电脑软件,PHP,使用PHP生成图片缩略图,确保你的PHP服务器具有GD2图形库使用类来生成图片缩略图类 1。使用方法 resizeimage美元=新resizeimage(图片源文件地址 在上面,你可以生成缩略图,源文件和缩略图地址可以是相同的,代表…

快乐的新年2015火花PS图象处理软件

快乐的新年2015火花PS图象处理软件

软件设计,图象处理,火花,新年,快乐,制作火花词的方法有很多,使用路径和图层样式比较快。首先:检查路径或将文字转换成路径;然后利用笔触路径设置良好的初始火花;后期用图层样式的火焰效果可以增加。 制作火花词的方法有很多,使用路径和图层样式…

烟花使水波反射效果逼真。

烟花使水波反射效果逼真。

反射,水波,逼真,烟花,效果,今天,我想向大家介绍一下,用焰火来营造逼真的水波反射效果是非常真实的,而且方法非常简单。像朋友一样,你可以从中学习。 本教程将介绍烟花制作逼真的水波反射效果。生产过程非常简单。它使用图案填充图片,添加水波反…

手风琴特效插件

手风琴特效插件

插件,手风琴,特效,电脑软件,手风琴效果高的项目影响的频率,原来的项目已经使用easyui,临近年底,试着写一个自己的。 css样式 复制代码代码如下所示: CSS文档 {体 保证金:0汽车; 填充:0自动; 字体大小:9pt; 微软雅黑字体,字体:,Arial,Verdana,无衬…

ps制作一个漂亮的旋转水晶球GIF动

ps制作一个漂亮的旋转水晶球GIF动

动画教程,水晶球,漂亮,电脑软件,ps,本教程是介绍一位朋友用PS制作漂亮的旋转水晶GIF动画。教程所制作的水晶球非常漂亮,难度也不是很大。建议你喜欢你的朋友一起学习。 本教程是向大家介绍利用ps制作漂亮的旋转水晶球GIF动画的方法。本教程…

爱画美丽可爱的蝴蝶

爱画美丽可爱的蝴蝶

蝴蝶,可爱,美丽,电脑软件,本教程是介绍一个朋友,通过ai绘制漂亮蝴蝶教程,画出来的蝴蝶真的很漂亮,但是也不是很难,非常适合初学者学习,推荐,喜欢的朋友可以跟着教程一起学习,希望对你有所帮助。 本教程介绍了一个朋友ai绘制美丽可爱的蝴蝶。本教…

PS图象处理软件文本方式添加教程

PS图象处理软件文本方式添加教程

教程,文本,图象,处理软件,方式,本教程介绍PS图象处理软件文本方式添加方法的朋友。这个教程很基础。非常适合初学者学习。推荐朋友一起学习。 PS图象处理软件的字体在互联网上有许多下载。首先我们下载一个PS图象处理软件的文字风格,和一般…

PS合成美的梦幻和绿色人物场景

PS合成美的梦幻和绿色人物场景

美的,场景,梦幻,人物,电脑软件,本教程是向大家介绍利用PS合成审美梦境、绿色和绿色人物场景。最后的结果真的很漂亮,难度也不是很大。让我们一起学习。 这是ps合成的唯美梦幻绿色绿色角色场景教程。这种教学的关键部分是画面的早期色彩搭配…

人工智能结合PS制作一个超级逼真的

人工智能结合PS制作一个超级逼真的

模式,人工智能,风车,逼真,电脑软件,本教程是介绍AI与PS结合制作一个超现实的编织风车,它真的很漂亮。教程也不是很难。推荐给大家,喜欢的朋友可以跟着教程学习。 本教程是教你利用人工智能和PS制作一个超级逼真的编织风车模式。本教程制作的…

教你用ps制作黑白字体。

教你用ps制作黑白字体。

字体,黑白,教你用,电脑软件,ps,本教程是向ps学习者介绍的,利用ps制作黑白字体,也就是说,相同的字体有黑白两种,效果非常好,而且方法也不是很难。建议喜欢的朋友可以和教程一起学习。 半个字的黑白字在同一个单词中是黑白的,效果如下图所示。下面…