Question

我意识到一个即时通讯工具，我在开头标记了一个textearea＆＃34;写下你的信息......＆＃34;

我希望当用户点击此textarea时，此消息将被删除。是否可以在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>

清除textearea中的默认值

1 个答案: