<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript"><!--
window.onload = function(){
var t = document.getElementsByTagName("textarea");
for(var i=0, len=t.length; i<len; i++){
t[i].select();
}
}
//--></script>
</head>
<body>
<textarea>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</textarea>
</body>
</html>
由于一次只能选择一个项目，因此选择焦点文本可能更有趣：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript"><!--
window.onload = function(){
var t = document.getElementsByTagName("textarea");
for(var i=0, len=t.length; i<len; i++){
t[i].onfocus = function(e){
e.target.select();
}
}
}
//--></script>
</head>
<body>
<textarea>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</textarea>
<textarea>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</textarea>
</body>
</html>
3条答案
按热度按时间vqlkdk9b1#
你需要使用两个独立的层。一个显示文本区域的文本，一个显示高亮显示。你需要js，css和html。忽略那些反对者。编码就是寻找解决方案。告诉你没有解决方案的人通常不是编码者，他们是设计者。
3b6akqbq2#
我想你的意思是选中文本，这样当用户开始输入或复制到剪贴板时，它就可以被删除。您需要使用JavaScript：
由于一次只能选择一个项目，因此选择焦点文本可能更有趣：
**免责声明：**此示例代码未经测试，可能存在错误.
更新
你是说这个吗？
xuo3flqw3#
你不能在HTML/CSS中这样做。Textarea是一个块级元素，里面的文本需要被 Package 在一个内联级元素中，以给予其单独突出显示。尝试从一个简单的WYSIWYG（如http://code.google.com/p/jwysiwyg/）中砍出一些东西