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

Question

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

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

Answer 1

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 2

这是不可能的。

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

Answer 3

添加到SLaks所说的内容 - 这是一个CSS和HTML黑客的例子，有人在文本框下添加了一个跨度 。 为了使它看起来像是同一文本框的一部分，在封闭的div周围有一个边框。 它看起来非常有效。

底部有不可编辑名称的文本框

Answer 4

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

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

Answer 5

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