2013-02-05 2 views
0

어쩌면이 CSS 스타일이 있지만 내 TextBox를 레이블처럼 보이게하고 싶습니다. 초점이 맞춰지면 CSS 스타일이 적용된 것처럼 보입니다. 나는 스타일이 될 수 있도록 부트 스트랩을 사용하고 있습니다.클릭하면 텍스트 상자로 변하는 레이블?

이렇게하는 방법이 있습니까?

사용자가 편집 모드를 사용하지 않고 이름을 바꿀 수있게하려는 격자보기가 있습니다.

감사

(EDIT)

내가 편집 가능한 라벨 의미 : 가 (질문 자체가 좀 모호하기 때문에) 여기에 추측이야 http://dotnetspeaks.net/post/exm/EditableLabel.aspx

+0

TextBox에서 테두리를 가져 오는 것을 의미합니까? – MikeSmithDev

+1

아마도 jsfiddle.net 또는 뭔가 (이전과 이후의 두 텍스트 상자?)에 예제를 표시해야합니다. 변경하려면 'input : focus {}'를 사용할 수 있습니다. –

+0

경계선과 배경은 네,하지만 초점이 맞지 않을 때만 가능합니다. – jmasterx

답변

1

참조 :

input { 
    border: none; 
    padding: 2px; 
} 
input:focus { 
    border: 1px solid black; 
} 

voila! (및 해당 버전은 more traditional)

0

텍스트 상자를 레이블로 표시하고 클릭 또는 포커스시 텍스트 상자로 만들면 텍스트 상자를 사용할 수 있습니다. (그냥 접근 방식, 질문은 조금 혼란 스럽네요.)

<script type="text/javascript"> 
function TextBox2Label() 
{ 
    var control=document.getElementById("<%=TextBox1.ClientID %>"); 
    control.style.borderStyle="none"; 
    control.style.backgroundColor="Transparent"; 
    control.style.fontStyle.fontColor="Black";  
    control.readOnly=true; 
}   
</script> 
관련 문제