需求:

请输入关键字

代码:

<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>
 

相关文章:

  • 2021-11-09
  • 2021-08-13
  • 2022-02-27
  • 2021-08-31
  • 2021-04-04
  • 2021-09-07
  • 2021-06-03
  • 2021-09-07
猜你喜欢
  • 2022-12-23
  • 2021-06-02
  • 2022-12-23
  • 2021-12-13
  • 2022-12-23
  • 2022-12-23
  • 2021-09-02
相关资源
相似解决方案