输入框获得焦点与失去焦点、阴影效果
1.jQuery表单Input文本框默认说明文字获得焦点后消失效果
第一种方法:
第二种方法:
(通用)
$(function() {
$('input:text').each(function() {
var txt = $(this).val();
$(this).focus(function() {
if (txt === $(this).val()) {
$(this).val("");
}
});
$(this).blur(function() {
if ($(this).val() == "") {
$(this).val(txt);
}
});
});
})
第三种方法:
效果:鼠标点击输入框时,提示性文字无。
onfocus="if(value=='请输入反馈意见') {value=''}" onblur="if (value=='') {value='请输入反馈意见'}"/>
效果:鼠标点击输入框后,文字颜色变为黑色。
输入框box-shadow活的焦点时有阴影