请输入关键字
需求:
代码:
<script type="text/javascript">
$(function () {
$("input").val("请输入关键字").addClass("txt"); //页面加载完成之后,给文本框添加样式:txt,并设置文本框的值
//获得焦点
$("input").focus(function () {
if ($("input").val() =="请输入关键字") {
$("input").attr("class", "txtEnter").val(""); //如果用户未输入关键字,样式表重置为class=txtEnter
}
})
//失去焦点
$("input").blur(function () {
if ($("input").val() =="") {
$("input").attr("class", "txt").val("请输入关键字"); //如果文本框值为空,则重置样式表为txt
}
})
})
</script>
<style type="text/css">
.txt
{
color: Gray;
}
.txtEnter
{
color: Black;
}
</style>
$(function () {
$("input").val("请输入关键字").addClass("txt"); //页面加载完成之后,给文本框添加样式:txt,并设置文本框的值
//获得焦点
$("input").focus(function () {
if ($("input").val() =="请输入关键字") {
$("input").attr("class", "txtEnter").val(""); //如果用户未输入关键字,样式表重置为class=txtEnter
}
})
//失去焦点
$("input").blur(function () {
if ($("input").val() =="") {
$("input").attr("class", "txt").val("请输入关键字"); //如果文本框值为空,则重置样式表为txt
}
})
})
</script>
<style type="text/css">
.txt
{
color: Gray;
}
.txtEnter
{
color: Black;
}
</style>
作者:backslash112 (美国CS研究生在读/机器人工程师)
出处:http://sirkevin.cnblogs.com
GitHub:https://github.com/backslash112
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
出处:http://sirkevin.cnblogs.com
GitHub:https://github.com/backslash112
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
posted on 2011-05-10 21:58 backslash112 阅读(1690) 评论(0) 编辑 收藏 举报