如何使文本框的一部分作爲只讀

Question

我有我的 頁面上tagtextbox當用戶選擇該類別名稱去tagtextbox

類別現在我想，這一類名稱的用戶不能改變，但他能追加更多標籤 意味着第一個標籤變爲只讀，並且他還可以在同一個文本框中添加

Answer 1

您不能將文本框的一部分設置爲可編輯，而不能將其設置爲另一個文本框。

我的建議是，只要用戶開始輸入下一個標記，就可以通過Javascript將文本框中元素的類型更改爲div或跨度。

Answer 2

如果你想允許append在「粘貼」動作，那麼你不能這樣做。否則，你只是想通過你的代碼追加，爲什麼不使用一個div來顯示他已選擇的內容，並將其添加到隱藏文本框的帖子中？

Answer 3

這是不可能的。

相反，您可以將第一個類別名稱放在<span>中，並將該文本框放在該跨度之後。
然後，您可以將border: none應用於文本框，並在整個事物周圍創建自己的邊框，使其看起來像單個文本框。

Answer 4

添加到什麼SLaks說 - 這是一個CSS & HTML黑客那裏有人在文本下增加了一個跨度的例子。爲了使它看起來像是同一個文本框的一部分，在封閉的div上有一個邊框。它看起來相當有效。

textbox with uneditable name at the bottom

Answer 5

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>