不要选择文本区域中的第一个单词

【问题标题】：Don't select first word in textarea不要选择文本区域中的第一个单词
【发布时间】：2014-05-07 19:26:09
【问题描述】：

我想要一个以字符串“Notes:”开头的文本区域。但是当用户在 textarea 内点击时，光标无法进入该字符串，或者当 textarea 中的所有文本都被选中时，“Notes:”不包括在内。这甚至可能吗？有没有更好的解决方案，而不仅仅是上面的标签或placeholder？

【问题讨论】：

我不明白为什么占位符在这里不起作用.....
这正是占位符的用途。
你试过了吗？ stackoverflow.com/questions/5444874/…
@patricksweeney 我希望“占位符”即使在用户点击内部后仍然存在。可以将该功能添加到占位符吗？

标签： javascript html

【解决方案1】：

您可以绕过选择范围，禁用事件等。但我只会在 textarea 上使用 text-indent 并使用 CSS 将 Note: 标签绝对定位在内部：http://jsfiddle.net/nm5tr/

类似：

<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>

对于它的价值，这也具有语义意义（有点）。

【讨论】：

这很酷。我正在尝试类似的事情，但不知道 text-indend。谢谢。