清除文本区域中的默认值

Question

我实现了一个即时通讯工具，其中有一个开头带有标记的文本区域"Write your message ..."

我希望当用户点击这个文本区域时，这条消息被删除。是否可以在 HTML 中执行此操作？

我尝试使用 onFocus 但它不起作用。

<textarea class="chat-input"
              rows="2" cols="50"
              (keydown.enter)="onEnter($event)"
              onfocus="if(this.value=='Write your message ...'){this.value='';}"
              onblur="if(this.value==''){this.value='Write your message ...';}">
      Write your message ...
</textarea>

Answer 1

您正在查找 placeholder 属性。

<textarea 
placeholder="Write your Message"></textarea>

如果你想在焦点上隐藏占位符

<textarea 
data-placeholder="Write your Message" 
placeholder="Write your Message" 
onfocus="this.placeholder = ''"
onblur="this.placeholder = this.getAttribute('data-placeholder')"></textarea>

清除文本区域中的默认值

Clear the default value in a textearea

html

textarea