利用jQ实现输入框,输入时清空默认值,输入完成后,如果输入为空,文本框恢复原来的样子,如果输入不为空则保留输入值
时间: 2024-02-28 13:24:16 浏览: 150
js判断输入框不能为空格或null值的实现方法
HTML代码:
```
<input type="text" value="请输入内容" />
```
jQuery代码:
```
$(document).ready(function(){
$('input[type="text"]').focus(function(){
if($(this).val() == "请输入内容"){
$(this).val("");
}
});
$('input[type="text"]').blur(function(){
if($(this).val() == ""){
$(this).val("请输入内容");
}
});
});
```
解释:
当输入框被聚焦时,如果输入框的值为默认值"请输入内容",则将其清空。当输入框失去焦点时,如果输入框的值为空,则将其值重置为默认值"请输入内容"。
阅读全文