要让Textarea的每一行都有一个占位符文本,可以通过以下步骤实现:
<textarea id="myTextarea" rows="5" placeholder="请输入内容"></textarea>
var textarea = document.getElementById("myTextarea");
textarea.addEventListener("input", function() {
var lines = textarea.value.split("\n");
var placeholderText = "占位符文本";
for (var i = 0; i < lines.length; i++) {
if (lines[i] === "") {
lines[i] = placeholderText;
}
}
textarea.value = lines.join("\n");
});
在上述代码中,我们首先获取Textarea元素,并添加一个输入事件监听器。每次输入事件触发时,我们将Textarea的值按行分割成一个数组。然后,我们遍历每一行,如果该行为空,则将其替换为占位符文本。最后,我们将更新后的文本重新赋值给Textarea。
这样,当用户在Textarea中输入内容时,每一行为空时都会显示占位符文本。你可以根据需要修改占位符文本的内容和样式。
推荐的腾讯云相关产品:腾讯云云服务器(CVM),产品介绍链接地址:https://cloud.tencent.com/product/cvm
领取专属 10元无门槛券
手把手带您无忧上云