控制input输入框中提示信息的显示和隐藏的方法

在不同的编程语言和框架中，控制`input`输入框中提示信息（通常指的是占位符文本，即`placeholder`）的显示和隐藏的方法会有所不同。但通常，`placeholder`属性是用于提供输入字段的默认提示信息，而不是动态地显示或隐藏的。不过，我们可以通过一些技巧来模拟这个效果。

### HTML + CSS + JavaScript 示例

这里提供一个简单的HTML、CSS和JavaScript的示例，来模拟在输入框中获取焦点时隐藏`placeholder`，失去焦点时如果输入框为空则重新显示`placeholder`的效果。

**HTML**:

<input type="text" id="myInput" placeholder="请输入内容...">

**CSS**:

（在这个例子中，CSS主要用于美化，对功能实现不是必需的）

#myInput {
  padding: 10px;
  font-size: 16px;
}

**JavaScript**:

document.getElementById('myInput').addEventListener('focus', function() {
  // 获取焦点时，如果placeholder不为空，则设置自定义的提示信息为空
  if (this.placeholder) {
    this.setAttribute('data-placeholder', this.placeholder);
    this.placeholder = '';
  }
});

document.getElementById('myInput').addEventListener('blur', function() {
  // 失去焦点时，如果输入框为空，则恢复placeholder
  if (!this.value.trim()) {
    this.placeholder = this.getAttribute('data-placeholder');
  }
});

在这个示例中，我们使用了`data-placeholder`属性来存储原始的`placeholder`文本。当输入框获得焦点时，如果`placeholder`不为空，我们就将其存储在`data-placeholder`属性中，并将`placeholder`设置为空。当输入框失去焦点时，如果输入框的内容为空，我们就从`data-placeholder`属性中恢复原始的`placeholder`文本。

请注意，这种方法并不直接控制`placeholder`的显示和隐藏，而是通过动态地修改`placeholder`的文本内容来模拟这个效果。在大多数情况下，`placeholder`用于提供静态的提示信息，而动态显示或隐藏提示信息可能需要使用其他元素（如``、``等）结合CSS和JavaScript来实现更复杂的交互效果。