2012-09-25 4 views
1

난`는 기존 데이터를 삭제하고 기본 text.Following를 표시해야합니다 및 onblur한다 클릭하면 내 코드 - 인에, 텍스트 영역에서 기본값을 표시하려고>자바 스크립트 : 텍스트 영역의 표시 값이

<textarea class="TextArea" id="appfield" name="appfield" style="height:44px;" rows="2" onfocus="deletetext(this)" onblur="filltext(this)" value="defaulttext"></textarea> 

값이 텍스트 영역에 표시되지 않습니다. 무엇이 잘못 되었습니까?이 텍스트 상자에는이 웹 사이트의 경우와 비슷한 사례가 있습니다. 제 경우에도 동일한 내용을 구현해야합니다. 대답을 제안하십시오.

+0

텍스트 영역이 자신의 태그 이름 사이/내부에 그 값을 유지 해야하는 사용할 수 있습니다. –

+1

여기에 견적이 누락 되었습니까? 'style = "height : 44px;" rows = "2"'+1 +1 elias94xx – 321X

+0

당신이'placeholder' 속성의 기능을 복제하려는 것 같습니다. 그냥 사용하지 않는 이유는 무엇입니까? 구식 브라우저에서 작동 시키려면 수많은 [polyfills] (https://github.com/jamesallardice/Placeholders.js)가 있습니다. –

답변

2

<textarea id="username" name="username" 
onfocus="if(this.value=='somevalue') { this.value='';this.style.color='#333333';}" 

onblur="if(this.value=='') {this.value='somevalue'; this.style.color='#B2B2B2';}"> 
somevalue 
</textarea> 
+0

: 나는 아직도 값 = "somevalue"의 문제를 가지고있어서 유감 스럽다.이 값을 표시하지 않는다. 기본 값이 나를 위해 일했다. – user1495475

+0

편집 된 답변보기.''input type = "text"'에 a/c를 썼습니다. 텍스트가 보이지 않았습니다. – StaticVariable

+0

이 텍스트 상자에이 웹 사이트가 사용하는 글꼴, 가족은 무엇입니까? "질문하기"를 클릭하십시오. 이것은 기본 텍스트에만 적용됩니다. 제발 제안 해주세요. – user1495475

2

올바른 방법은

<textarea ...>defaulttext</textarea> 

입니다하지만 당신은 (함수 포함) 문제를 재현하는 작업 바이올린을 설정해야합니다.

+0

@fabrizo : 미안 해요. 와트는 일합니다. IE8.placeholder를 사용하고 있습니다. 작동하지 않습니다. – user1495475

+0

jsfiddle.net 또는 jsbin.com : 마크 업, CSS, 자바 스크립트 등 간단한 예제로 데모를 작성하고 공유 할 수 있습니다. – fcalderan

+0

기본값을 설정하는 올바른 방법이지만 자리 표시 자 특성을 모방하지는 않습니다. 그리고 다른 사이트보다 여기에 코드를 게시하는 것이 훨씬 낫습니다. – RobG

2

옵션이 있고 HTML5를 사용하려는 경우 자리 표시 자 속성을 사용하여 HTML5를 사용할 수 있습니다.

<textarea 
    class="TextArea" 
    id="appfield" 
    name="appfield" 
    style="height:44px; 
    rows="2" 
    placeholder="default text" 
    value=""></textarea> 

다른 옵션은 자리를 사용할 수있는 자바 스크립트를 사용하는 대신

<textarea 
    onfocus="if(this.value==this.defaultValue)this.value='';" 
    onblur="if(this.value=='')this.value=this.defaultValue;" 
    class="TextArea" 
    id="appfield" 
    name="appfield" 
    style="height:44px; 
    rows="2">default text</textarea> 
+0

: "자리 표시 자"가 작동하지 않았습니다. – user1495475

+0

: 답변 주셔서 감사합니다. 그게 효과적이었습니다. defaultValue가 태그 사이에 입력 된 텍스트라는 것을 알지 못했습니다. 다시 한 번 감사드립니다. – user1495475

0

입니다. jsfiddle. 이지만 이전 브라우저에서는 자리 표시자를 지원하지 않습니다. jquery libratry을 사용할 수 있습니다.

<textarea class="FullTextArea" id="applyfieldscontrol" name="applyfieldscontrol" style="height:44px" placeholder="defaulttext"></textarea> 
관련 문제