在input元素中,默認爲Email,當focus並鍵入字符時,'Email'字符消失,當刪除字符至空時,‘Email‘字符又再次顯示。此處實現html5中placeholder的功能。

效果演示:javascript

代碼:html

<!DOCTYPE html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>onfocus和onblur的使用</title>
</head>

<body>
<input id="box" type="text" value="請輸入Email"/>
<script type="text/javascript">
var input1=document.getElementById("box");

input1.onfocus=function(){
    
        if(input1.value=="請輸入Email"){
            input1.value="";
            
            }
    
        
        
    
    
    }
input1.onblur=function(){
    
        if(input1.value==""){
            input1.value="請輸入Email";
            
            }
    
        
        }
    
    
    
</script>
</body>
</html>

java

相關文章
相關標籤/搜索