textarea 默认值 点击消失

您可以通过以下两种方式实现此功能：

1. HTML5 的 placeholder 属性：使用该属性可以设置输入框的默认值，当用户点击输入框时，该默认值会自动消失，示例代码如下：

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

2. JavaScript 实现：使用 JavaScript 监听 textarea 的 focus 事件和 blur 事件，根据事件类型来判断是否需要清空 textarea 的值，示例代码如下：

<textarea id="myTextarea">请输入内容</textarea>
<script>
  var myTextarea = document.getElementById('myTextarea');
  myTextarea.addEventListener('focus', function () {
    if (this.value === '请输入内容') {
      this.value = '';
    }
  });
  myTextarea.addEventListener('blur', function () {
    if (this.value === '') {
      this.value = '请输入内容';
    }
  });
</script>

相关问题

textarea设置默认值

根据提供的引用内容，设置textarea的默认值可以通过在textarea标签中添加value属性来实现。例如：

<textarea id="myTextarea" rows="4" cols="50" value="默认值"></textarea>

需要注意的是，value属性只是设置了textarea的默认值，并不会限制字符长度。如果需要限制字符长度，可以使用maxlength属性。例如：

<textarea id="myTextarea" rows="4" cols="50" value="默认值" maxlength="200"></textarea>

这样就可以将textarea的默认值设置为“默认值”，并且限制最大字符长度为200。

antdesign textarea 给了默认值之后无法修改值

如果你在Ant Design的TextArea组件中设置了默认值，但是无法修改该值，这可能是由于你将该组件的value属性设置为了一个固定的值，而没有将其与一个状态值或者变量绑定。

你可以在组件中使用value属性来设置默认值，但是必须使用onChange事件来更新组件的值。例如：

import React, { useState } from 'react';
import { Input } from 'antd';

function MyComponent() {
  const [value, setValue] = useState('default value');

  const handleChange = (e) => {
    setValue(e.target.value);
  }

  return (
    <Input.TextArea value={value} onChange={handleChange} />
  );
}

这个例子中，我们使用useState钩子来创建一个名为value的状态变量，并将其初始值设置为'default value'。我们还创建了一个handleChange函数来处理TextArea的onChange事件，该函数将TextArea的当前值更新为状态变量的值。

通过将这个状态变量与TextArea的value属性绑定，并在onChange事件中更新它，我们可以设置默认值并允许用户修改该值。