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

你可以使用 JQuery 来实现这个功能。首先，给输入框绑定 `focus` 和 `blur` 事件，然后在 `focus` 事件中清空输入框的值，在 `blur` 事件中恢复默认值。下面是代码示例：

HTML：

<input type="text" id="inputBox" value="请输入内容">

JQuery：

$(function() {
  var defaultValue = $('#inputBox').val(); // 获取输入框的默认值
  $('#inputBox').focus(function() {
    // 聚焦输入框时，如果值等于默认值，则清空输入框
    if ($(this).val() === defaultValue) {
      $(this).val('');
    }
  }).blur(function() {
    // 失焦输入框时，如果值为空，则恢复默认值
    if (!$(this).val()) {
      $(this).val(defaultValue);
    }
  });
});

上面的代码会在页面加载完成后执行，首先获取输入框的默认值，然后给输入框绑定 `focus` 和 `blur` 事件。在 `focus` 事件中，如果输入框的值等于默认值，则清空输入框；在 `blur` 事件中，如果输入框的值为空，则恢复默认值。

相关问题

利用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。