Posted in Javascript onApril 26, 2013
<SPAN style="FONT-SIZE: 18px">表单类失去焦点的效果</SPAN>
<script type="text/javascript"> $(function(){ $(":input").focus(function(){ //此处可获取各种表单如(:text/:button) $(this).addClass("focusa"); if ($(this).val()==this.defaultValue){ $(this).val(""); } }).blur(function(){ $(this).removeClass("focusa"); if ($(this).val()==""){ $(this).val(this.defaultValue); } }); }); </script>
各种表单的类型:
<input type="text" /> 文本框 <input type="password" /> 密码框 <input type="submit" /> 提交按钮 <input type="reset" /> 重置按钮 <input type="radio" /> 单选框 <input type="checkbox" /> 复选框 <input type="button" /> 普通按钮 <input type="file" /> 文件选择控件 <input type="hidden" /> 隐藏框 <input type="image" /> 图片按钮
表单类各种类型(文本框)失去焦点效果jquery代码
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@