利用jQ实现输入框,输入时清空默认值,输入完成后,如果输入为空,文本框恢复原来的样子,如果输入不为空则保留输入值
时间: 2024-02-28 09:24:16 浏览: 156
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("请输入内容");
}
});
});
```
解释:
当输入框被聚焦时,如果输入框的值为默认值"请输入内容",则将其清空。当输入框失去焦点时,如果输入框的值为空,则将其值重置为默认值"请输入内容"。
相关问题
jq输入框,输入时清空默认值,输入完成后,如果输入为空,文本框恢复原来的样子,如果输入不为空则保留输入值
以下是一个示例代码,用于实现上述功能:
HTML:
```
<input type="text" id="myInput" value="默认值">
```
JavaScript:
```
var myInput = document.getElementById("myInput");
myInput.addEventListener("focus", function() {
if (myInput.value == "默认值") {
myInput.value = "";
}
});
myInput.addEventListener("blur", function() {
if (myInput.value == "") {
myInput.value = "默认值";
}
});
```
该代码使用了JavaScript的事件监听器。当输入框获得焦点时(即用户开始输入),如果输入框中的值等于默认值,则将输入框的值清空。当输入框失去焦点时(即用户完成输入),如果输入框为空,则将值恢复为默认值。否则,将保留输入的值。
阅读全文