Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/389.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Don';t选择文本区域中的第一个单词_Javascript_Html - Fatal编程技术网

Javascript Don';t选择文本区域中的第一个单词

Javascript Don';t选择文本区域中的第一个单词,javascript,html,Javascript,Html,我想要一个文本区域,以字符串“Notes:”开头。但当用户在文本区域内单击时,光标无法进入该字符串,或者当选中文本区域中的所有文本时,“Notes:”不包括在内。这可能吗?是否有更好的解决方案,不仅仅是上面的标签或占位符?您可以绕过选择范围,禁用事件等。但我只需在文本区域上使用文本缩进,并使用CSS将注意:绝对标签放置在内部: 比如: <div> <label for="ta">Note:</label> <textarea id="ta

我想要一个文本区域,以字符串“Notes:”开头。但当用户在文本区域内单击时,光标无法进入该字符串,或者当选中文本区域中的所有文本时,“Notes:”不包括在内。这可能吗?是否有更好的解决方案,不仅仅是上面的标签或占位符?

您可以绕过选择范围,禁用事件等。但我只需在文本区域上使用
文本缩进
,并使用CSS将
注意:
绝对标签放置在内部:

比如:

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

注:
敏捷的棕色狐狸跳过了懒狗
div{position:relative}
标签{位置:绝对;顶部:5px;左侧:5px;字体:16px/1无衬线}
text区域{文本缩进:2.5em;字体:16px/1无衬线;填充:5px;边距:0}

就其价值而言,这也有语义上的意义(某种程度上)。

我不明白占位符为什么在这里不起作用……这正是占位符的作用。你试过这个吗@patricksweeney我希望“占位符”即使在用户单击内部后仍保留。这个功能可以添加到占位符中吗?这很酷。我试过类似的方法,但没有意识到文本索引。谢谢