사용자가 데이터를 입력하기 전에 텍스트 필드에 텍스트를 표시하는 방법

Question

jquery 플러그인이 있습니까? 아니면 비교적 쉽게 할 수 있습니까?

사용자가 금액을 입력 할 텍스트 입력란이 있습니다. 텍스트 필드가 '$'로 표시되기를 원합니다. 사용자가 텍스트 필드를 클릭하면 '$'가 사라집니다.

Answer 1

최근에 비슷한 question을 묻는 질문에 Watermark plugin을 사용하기로했습니다.

$('#myInput').one("click", function() { 
    $(this).val('');//empty the prefilled input 
}); 

체크 아웃 Events/One :

Answer 2

<input name=Amount value=$100 type=text onfocus="removeDollar(this)" onblur="setDollar(this)"> 
<script> 

function setDollar(e) 
{ 
    e.value = '$' + e.value; 
} 

function removeDollar(e) 
{ 
    e.value = e.value.substr(1); 
} 
</script> 

Answer 3

내가 좋아하는 뭔가를 상상한다. 워드 프로세서에서 :

각 일치 요소에 대해 한 번 실행되는 하나 개 이상의 이벤트 에 처리기를 바인딩합니다. 단지 기본 HTML을 & JS있어

Answer 4

...

<input type="text" name="amount" id="amount" value="$" onFocus="clearText(this)"/> 

function clearText(textField) 
{ 
    if (textField.value == textField.defaultValue) 
     textField.value = "" 
} 

참고 : 나는 jQuery로 그 익숙하지 않은, 그래서 이것은 HTML을 & JS를 사용하여 단지 추측했다. 네가 찾고 있던 것이 아니라면, 미안해.

Answer 5

이 하나가 값이 입력되지 않는 한 분야를 지우고 필드가 비어있는 경우 흐림 레이블을 복원합니다

<input type="text" name="amount" id="amount" value="$" /> 

    $("#amount").focus(function(){ 
    this.value = this.value == "$" ? '' : this.value; 
    }).blur(function(){ 
    this.value = this.value || "$" ; 
    });