как сделать часть текстового поля, как неизменяемые

Question

я есть tagtextbox на моей странице , когда пользователь выбирает категорию, название категории идет на tagtextbox

Теперь я хочу, чтобы эта категория имя изменение пользователя косяк, но он может добавьте еще несколько тегов означает, что первый тег становится readonly, и далее он может добавить тоже в том же текстовом поле

Answer 1

Вы не можете сделать часть текстового поля редактируемой, а другую нет.

Мое предложение состояло в том, чтобы изменить тип элемента из TextBox в div или span через Javascript, как только пользователь начнет вводить следующий тег.

Answer 2

Если вы хотите разрешить добавление append в действие «вставить», вы не можете этого сделать. Else, и вы просто хотите добавить через свой код, почему бы не использовать только 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>