Textarea默认提示文字的实现方法及代码示例

当需要在网页中的文本输入框（Textarea）中显示默认提示文字时，可以使用以下方法来实现。

使用placeholder属性

HTML5中的Textarea元素提供了一个名为placeholder的属性，该属性可以用来设置默认的提示文字。当用户未输入任何内容时，提示文字会显示在文本输入框中，并在用户开始输入时自动消失。

以下是一个使用placeholder属性的Textarea代码示例：

<textarea placeholder="请输入内容">textarea>

在上述示例中，用户在文本输入框中看到的默认提示文字为"请输入内容"。你可以根据实际需求更改这个提示文字。

使用JavaScript

如果你需要在较旧的浏览器或没有支持HTML5的环境中实现默认提示文字，你可以使用JavaScript来达到目的。以下是一个使用JavaScript实现默认提示文字的Textarea代码示例：

<textarea id="myTextarea">textarea>

<script>
  var textarea = document.getElementById("myTextarea");
  var defaultText = "请输入内容";

  textarea.value = defaultText;

  textarea.addEventListener("focus", function() {
    if (textarea.value === defaultText) {
      textarea.value = "";
    }
  });

  textarea.addEventListener("blur", function() {
    if (textarea.value === "") {
      textarea.value = defaultText;
    }
  });
script>

在上述示例中，我们通过JavaScript设置了一个默认的提示文字并将其赋值给Textarea的value属性。然后，我们监听了Textarea的focus和blur事件，在这些事件发生时根据当前Textarea的值进行相应的处理。当Textarea获得焦点时，如果其值等于默认提示文字，则清空文本框。当Textarea失去焦点时，如果其值为空，则将默认提示文字重新填充到文本框中。

这样，用户在没有输入内容时会看到默认的提示文字，一旦开始输入内容，提示文字会自动消失。

希望以上的代码示例能够帮助到你！