如何使占位符不消失?

Question

我将使用文本区域来发表评论，但我希望它永远不会消失，所以我想将其保存在数据库中，因此在带来时，使用占位符，但是今天如果我在上面键入一些内容，它会替换占位符中的内容，我希望您在不影响占位符的情况下输入并开始键入

<form action="" method="post">
<label for="obs">Obs:</label>
<textarea
class="form-control"
name="obs"
rows="5"
placeholder="aaaaaaaaaaa"
></textarea>
<button type="submit" class="mt-2 btn btn-primary" name="button">Save</button>
</form>

Answer 1

据我所知，不可能总是显示占位符。但是，您可以使用这个小技巧来伪造它。我希望这就是你的意思。

<style>
.placeholder {
position: absolute;
margin-left: 5px;
opacity: .5;
}
</style>

<form action="" method="post">
<label for="obs">Obs:</label>
<div>
<span class="placeholder">aaaaaaa</span>
<textarea class="form-control" name="obs" rows="5"></textarea>
</div>
<button type="submit" class="mt-2 btn btn-primary" name="button">Save</button>
</form>