html - 如何在 textarea 中预填充文本，以及消失的“帮助提示”文本

Question

我知道如何预填充文本区域，但我也想在文本区域中有某些文本，纯粹是为了提示用户应该在某个部分写什么，例如：

System      ----- stays in text area to be sent with form
-----------
"Enter this specific type of info here" --- disappears when clicking to edit

Bug         ----- stays in text area to be sent with form
-----------   
"Enter only the bug report" --- disappears when clicking to edit

因此，只有用户添加的文本和诸如 Bug 和 System 之类的标题会以 textarea 所在的形式发送，而不是“帮助提示”文本。是的，我可以有不同的字段，但客户希望它们都在一个文本区域中。无法想象一种无痛的方式来做到这一点。

Answer 1

听起来像是占位符属性的工作。

<label for="bug">Bug</label>
<textarea name="bug" id="bug" placeholder="Enter only the bug report"></textarea>

它不适用于旧版浏览器，但它是完成该字段不需要的咨询信息。

观看现场演示。