내용의 일부분을 HTML 텍스트 영역에서 편집 할 수 없습니다.

html 페이지에서 texteare가 있습니다. 일부 내용은 수정할 수 있지만 일부 내용은 수정할 수 있지만 일부 내용은 쓸 수 없습니다. 당신은 내가 텍스트 영역의 인적 또는 중 하나가 읽기 전용이지만,이 경우, 전체 내용을 수정할 수 없습니다 만들어 보는 바와 같이내용의 일부분을 HTML 텍스트 영역에서 편집 할 수 없습니다.

<html> 
    <body> 
    <div class="text"> 
    <textarea cols="50" rows="4" name="msg_content" id="msg_content" readonly="readonly"> 
     Hi, I am the contents that can be modified. 
     Hi, the url cannot be modified. 

     http://www.google.com 
    </textarea> 
    </div> 
</html>

사전에 감사의 말을 전하시기 바랍니다.

출처

2012-10-19 diligent

할 수 없습니다. 그러나 CSS를 사용하여 텍스트 영역 내에서 사용할 수없는 텍스트의 효과를 모방 할 수 있습니다. Div 요소를 만들어 텍스트 상자 바로 아래에 배치하고 텍스트 상자의 일부인 것처럼 보이도록 디자인하십시오.

이를 위해 CSS를 조정하고 재생해야합니다.

확인이 아웃 : http://css-tricks.com/creating-a-nice-textarea/ 샘플 : 당신이 HTML5를 사용하지 않는 http://css-tricks.com/examples/StyledTextArea/

출처

2012-10-19 03:20:11 Learner

덕분에 미 히어, 나는 단지 IE11에서 작동하지 texteara – diligent

그것은 불가능합니다. HTML5에서는 특정 요소에 대해 contenteditable = true/false 속성을 사용할 수 있습니다.

<div contenteditable="true"> 
You can edit this text, 
<p contenteditable="false">but not this one.</p> 
</div>

출처

2012-10-19 03:40:11 salih0vicX

감사 salih0vicX을 시도 할 것이다 : 여기

당신이 예를 이동 http://plnkr.co/edit/eRhuzAwcxCVaLsbMn6sY ? p = 미리보기이지만 Chrome 및 Firefox에서 작동합니다. 콘텐츠를 수정할 때 Chrome에서만 테두리가 표시됩니다. – diligent

을 사용할 수 있습니다 여기에, – Sebastian

내용의 일부분을 HTML 텍스트 영역에서 편집 할 수 없습니다.

답변

관련 문제