같은 읽기 전용

Question

사용자가 카테고리 이름이

을 tagtextbox 간다 카테고리를 선택하면 내 페이지 에 tagtextbox이 지금 내가 원하는 텍스트 상자의 일부를 만드는 방법이 카테고리 이름 사용자 캔트 변화하지만, 그가 할 수있는 그 더 많은 태그를 추가하십시오 첫 번째 태그는 읽기 전용이되고 더 이상 동일한 텍스트 상자에 추가 할 수 있습니다.

Answer 1

텍스트 상자의 일부를 편집 가능으로 만들 수는 없습니다.

제안 사항은 사용자가 다음 태그를 입력하자 마자 TextBox의 요소 유형을 div 또는 span을 통해 Javascript로 변경하는 것입니다.

Answer 2

"붙여 넣기"동작에서 추가 기능을 허용하려면 해당 기능을 사용할 수 없습니다. 다른 방법으로 코드를 추가하고 div를 사용하여 그가 선택한 것을 표시하고 선택 항목을 숨겨진 텍스트 상자에 게시물에 추가하는 것이 어떻습니까?

Answer 3

이것은 불가능합니다.

대신 첫 번째 범주 이름을 <span>에 넣고 스팬 뒤에 텍스트 상자를 넣을 수 있습니다.
그런 다음 텍스트 상자에 border: none을 적용하고 전체 텍스트 주위에 테두리를 만들어 단일 텍스트 상자처럼 보이게 할 수 있습니다.

Answer 4

는 SLaks는 말에 추가 - 여기 누군가가 텍스트 상자 아래 범위을 추가 한 CSS & HTML 해킹의 예입니다. 동일한 텍스트 상자의 일부로 보이게하려면 둘러싼 div 주위에 테두리가 있어야합니다. 그것은 아주 효과적입니다.

textbox with uneditable name at the bottom

Answer 5

CSS : HTML

<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> 

: 나는 전체 answer.The 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>