암호 INT는 - 텍스트 필드가 onfocus 및하지만, 일이 그 위에 기록되어있다가 아닌 경우 NO jQuery를/CSS3/HTML5 이와 같이

Question

<input type="text" name="theName" value="password" 
onblur="if(this.value == ''){ this.value = 'password'; this.style.color = '#333'; this.type="text";}" 
onfocus="if(this.value == 'password'){ this.style.color = '#666';}" 
onkeypress="if(this.value == 'password'){ this.value = ''; this.style.color = '#000';this.type="password";}" 
style="color:#BBB;" /> 

,의의 DefaultValue는 밝은 색으로 표시됩니다. (페이 스북 검색 바처럼) ... 하지만 이드는 작동하지 않습니다 ... 무엇을 잘못 쓰셨습니까?

내가하지 않는 또 다른 한가지는 그 나는이 자바 스크립트를 타고 난 이런 태그에 넣어 경우 :

<script type="text/javascript"> 
function passfocus(){ 
    if(this.value == 'password'){this.style.color = '#666';}} 
function passblur(){ 
    if(this.value == 'password'){ this.style.color = '#666';}} 
function passkey(){ 
    if(this.value == 'password'){ 
     this.value = ''; this.style.color = '#000';this.type="password";}} 
</script> 

그리고 난 같은 텍스트 필드에서이 스크립트를 호출

을

<input type="text" name="theName" value="password" onblur="passblur()" 
onfocus="passfocus()" onkeypress="passkey()" style="color:#BBB;" /> 

아무것도 더 이상 작동하지 않습니다 ... 나는 내가 모든 것을 엉망으로 만든 것 같아요 !!

Answer 1

간단히 placeholder HTML5 속성을 사용하지 않는 이유는 무엇입니까?

<input type="text" placeholder="Default value"/>