表单获取焦点默认提示清空

最新推荐文章于 2023-12-13 15:49:33 发布

原创最新推荐文章于 2023-12-13 15:49:33 发布 · 585 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#表单 #焦点 #默认提示

本文详细介绍了如何使用jQuery为网页中的留言框实现焦点效果。当用户聚焦于留言框时，预设的文字会消失，文字颜色变为深色；当失去焦点且输入为空时，预设文字重新出现，文字颜色变浅。此效果提升用户体验，鼓励用户输入有价值的内容。

//留言框焦点
$(function(){
  $(".hfk textarea").val("请输入您的回答，好内容帮助更多人……");
  $(".hfk textarea").focus(function(){ 
    $(this).val("");
    $(this).css("color","#333");     
  })
  $(".hfk textarea").blur(function(){ 
    if ($(this).val() == "") {
      $(this).val("请输入您的回答，好内容帮助更多人……");
      $(this).css("color","#d3d3d3");      
    } 
    else{
      $(".hfk textarea").css("color","#333");
    }
  })
});

.input.val().defaultValue 属性设置或返回文本框的初始内容