我希望textarea以字符串开头#34;注意:"。但是当用户在textarea中单击时,光标无法进入该字符串,或者当选择了textarea中的所有文本时,"注意:"不包括在内。这甚至可能吗?是否有更好的解决方案,不仅仅是上面的标签或placeholder
?
答案 0 :(得分:2)
你可以破解选择范围,禁用事件等。但我会在textarea上使用text-indent
并使用CSS将Note:
标签绝对放在里面:{ {3}}
类似的东西:
<div>
<label for="ta">Note:</label>
<textarea id="ta" cols=20 rows=4>The quick brown fox jumps over the lazy dog</textarea>
</div>
<style>
div{position:relative}
label{position:absolute;top:5px;left:5px;font:16px/1 sans-serif}
textarea{text-indent:2.5em;font:16px/1 sans-serif;padding:5px;margin:0}
</style>
对于它的价值,这也具有语义意义(有点)。