Question

我的页面上有一个tagtextbox 当用户选择类别名称转到tagtextbox

的类别时

现在我希望此类别名称用户无法更改，但他可以添加更多标签意味着第一个标签变为只读，并且他也可以在同一个文本框中添加

Answer 1

这是不可能的。

相反，您可以将第一个类别名称放在<span>中，然后将文本框放在范围之后。
然后，您可以将border: none应用于文本框，并围绕整个项目创建自己的边框，使其看起来像一个文本框。

Answer 2

CSS：

<style type="text/css">
.div {
   margin:20px; 
   padding:10px; 
   background:#ccc; 
   float:left;
}

.textarea {
   border:0; 
   display:block; 
   font-size:12px; 
   padding:5px 5px 0; 
   outline:none; 
}

.span {
   display:block;
   background:#fff;
   font-size:14px;  
   padding:5px 5px 5px; 
   color:green; 
   outline:none;
}
</style>

HTML：

<div class="div">
<div class="span">
<asp:TextBox runat="server" ID="txtNumber" BorderStyle="None" />
<asp:RegularExpressionValidator runat="server" ID="RegularExpressionValidator1" ValidationExpression="\d+" ControlToValidate="txtNumber" ErrorMessage="Only Numbers are allowed" Display="Dynamic" />
</div>    
</div>

Answer 3

您不能将文本框的一部分设为可编辑而另一部分不可编辑。

我的建议是，一旦用户开始输入下一个标签，就会通过Javascript将元素的类型从TextBox更改为div或span。

Answer 4

如果你想在“粘贴”动作中允许追加，那么就不能这样做了。另外，您只想通过代码附加，为什么不使用div来显示他选择的内容并将选择添加到隐藏文本框中的帖子上？

Answer 5

添加到SLaks所说的内容 - 这是一个CSS＆amp; HTML hack，有人在文本框下添加了 span 。为了使它看起来像是同一文本框的一部分，在封闭的div周围有一个边框。它看起来非常有效。

textbox with uneditable name at the bottom

如何使文本框的一部分成为只读

5 个答案: