使用jQuery实现输入框以获得焦点的消失文本。
当我们登录到网站时，常常会有提示，您将在文本框中输入信息。当您单击文本框时，提示信息将自动消失，当文本框中没有任何内容并失去焦点时，将再次出现提示文本。1。原型开发，先做一个简单的：
首先，我们需要一个HTML文件：
复制代码代码如下所示：
输入测试
在这里
在这里，jQuery代码
用户名称：
密码:
下面添加jQuery代码：
我使用了单击和模糊内置的事件类型处理，它只对用户名框有效（因为密码框还有其他因素）。
复制代码代码如下所示：
输入测试
$（文档）Ready（函数（）{）
$(#username).Click (
函数（）{
如果（$（this）瓦迩（Enter）=您的名字）{
美元（这个）。瓦迩（）；
}
}）
$（#用户名（Blur）。
函数（）{
如果（$）（这个）（= ）
{
$（这个）瓦迩（输入你的名字）；
}
}）
}）；
用户名称：
密码:
2。做的更好
这个基本的原型是写的，但是这个原型有很多缺点：
1。也可以用这种方式输入密码框，但是密码框的类型是密码，不能显示，提示文本在哪里
如果（$ 2）（这个）（= ）我可以接受这种方式，但如果（$）（这个）（= 输入你的名字），你不认为这是…如果我想失去这个…
三.文本是用其他灰色粗糙体表示的，交互性更强吗
4。如果你想使用两种字体，你能提取它们吗用Css写的这是可重用的！
结算条件：
1。密码框首先让它的类型是文本，当你点击时，我们将它设置为密码。
2。使用一个变量来显示是否要切换。
三.设置不同的CSS。
4。attr（班
以下是实现：
复制代码代码如下所示：
输入测试
{。默认
字体粗细：粗体；
颜色：# 787878；
}
用{。
字体重量：正常；
颜色：黑色；
}
$（文档）Ready（函数（）{）
var =真的；
$（#用户名（Click）。
函数（）{
如果（b = TRUE）{
美元（这个）。瓦迩（）；
$（这）。Attr（班
b = false；
}
}
）
$（#用户名（Blur）。
函数（）{
如果（$）（这个）（= { ）
$（这个）瓦迩（输入你的名字）；
$（这）。Attr（班
B =真的；
}
}
）
}）；
$（文档）Ready（函数（）{）
var =真的；
$（#密码（Click）。
函数（）{
如果（b = TRUE）{
美元（这个）。瓦迩（）；
$（这）Attr（型。
$（这）。Attr（班
b = false；
}
}）
$（#密码（Blur）。
函数（）{
如果（$）（这个）（= { ）
$（这个）瓦迩（输入密码）；
$（这）Attr（型。
$（这）。Attr（班
B =真的；
}
}
）
}）；
用户名称：
密码:
三.更多：
将CSS写入外部文件。
干燥原理！使用插件实现它。
我在下一个博客上写。
作者：aiqier