JQuery：聚焦清空输入框值，失焦恢复默认值

可以使用以下代码实现：

HTML：

<input type="text" id="inputBox" value="默认值">

JQuery：

$(document).ready(function() {
  $('#inputBox').on('focus', function() {
    $(this).val('');
  });
  
  $('#inputBox').on('blur', function() {
    if ($(this).val() == '') {
      $(this).val('默认值');
    }
  });
});

这段代码利用了 JQuery 的事件处理函数，当输入框被聚焦时，将其值设置为空字符串，失焦时判断输入框的值是否为空，如果为空则将其值设置为默认值。

相关问题

利用jQ实现输入框，输入时清空默认值，输入完成后，如果输入为空，文本框恢复原来的样子，如果输入不为空则保留输入值

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("请输入内容");
    }
  });
});

解释：

当输入框被聚焦时，如果输入框的值为默认值"请输入内容"，则将其清空。当输入框失去焦点时，如果输入框的值为空，则将其值重置为默认值"请输入内容"。

js，清空html输入框中的值

可以使用 JavaScript 来清空 HTML 输入框中的值。常用的两种方法如下：

1. 使用 value 属性

可以直接将输入框的 `value` 属性设置为空字符串来清空输入框中的值，例如：

document.getElementById("input-box").value = "";

其中，`input-box` 是输入框的 ID。

2. 使用 reset() 方法

对于表单元素，可以使用 `reset()` 方法来将所有表单元素的值重置为默认值。例如：

document.getElementById("form").reset();

其中，`form` 是表单的 ID。

需要注意的是，以上两种方法都只能清空输入框中的值，而不能清空输入框的样式和其他属性。如果需要重置输入框的样式和属性，可以使用外部库，比如 jQuery 中的 `val()` 方法。例如：

$("#input-box").val("");

其中，`input-box` 是输入框的 ID。