使用jQuery给input标签设置默认值
由于项目需求,简单地写了一个input默认值设置,实现给.form中所有的input设置默认值的方法。
<!DOCTYPEHTML> <html> <head> <metacharset="utf-8"> <title>input默认值设置</title> <scripttype="text/javascript"src="http://apps.bdimg.com/libs/jquery/1.6.2/jquery.min.js"></script> <scripttype="text/javascript"> $(function(){ //集体调用 $(".forminput").each(function(){ $(this).setDefauleValue(); }); //单个调用 $("#key").setDefauleValue(); }) //设置input,textarea默认值 $.fn.setDefauleValue=function(){ vardefauleValue=$(this).val(); $(this).val(defauleValue).css("color","#999"); returnthis.each(function(){ $(this).focus(function(){ if($(this).val()==defauleValue){ $(this).val("").css("color","#000");//输入值的颜色 } }).blur(function(){ if($(this).val()==""){ $(this).val(defauleValue).css("color","#999");//默认值的颜色 } }); }); } </script> </head> <body> <formclass="form"> <inputtype="text"size="30"value="输入昵称"> <br> <inputtype="text"size="30"value="输入姓名"> </form> <br> <br> <br> <inputtype="text"size="30"id="key"value="输入学员ID、姓名、昵称进行查找"> </body> </html>
以上就是本文的全部内容,希望能给大家一个参考,也希望大家多多支持毛票票。