想用java腳本只有默認的清除文本示例

<html> <body bgcolor="black"> <form method="get" action ="http://localhost:2013"> <center> <font color="white" size=65>Enter Word: <input type="text" name="word"></font> </center> </br> <center> <font color="Green" size=65> <input type="submit" value="SUBMIT"> </font> </center> </form> </body> </html>

完整代碼：

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
    <title> - jsFiddle demo</title> 

    <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script> 
    <link rel="stylesheet" type="text/css" href="/css/normalize.css"> 


    <link rel="stylesheet" type="text/css" href="/css/result-light.css"> 

    <style type='text/css'> 
    input { color:#333; } 

input:focus { color:#ccc;transition:color .2s linear 0; 
       -webkit-transition:color .2s linear 0; 
    -moz-transition:color .2s linear 0 } 
input.typing { color:#333; } 

    </style> 



<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){ 
$(function(){ 
    var input = $('input[name="word"]'), defaulttext = input.attr('data-default'); 

    input.val(input.attr('data-default')); 

    input.on('focus', function(){ 
     if(input.val() != defaulttext) 
      input.addClass('typing'); 
     else 
      input.removeClass('typing'); 

    }).on('keydown', function(){   
     if(defaulttext == input.val()) input.val(''); 

     input.addClass('typing'); 
    }).on('blur', function(){ 
     if(input.val() == '') input.val(defaulttext); 

     that.removeClass('typing'); 
    }); 


}); 

});//]]> 

</script> 


</head> 
<body bgcolor="black"> 
    <form method="get" action ="http://localhost:2013"> 
     <center> 
     <font color="white" size=65>Enter Word: <input type="text" name="word" data-default="Default Text"></font> 
     </center> 
     </br> 
     <center> 
     <font color="Green" size=65> 
      <input type="submit" value="SUBMIT"> 
     </font> 
     </center> 
    </form> 

</body> 


</html>

來源

2013-06-28 06:43:32 drarkayl

thankx幫助我可以合併所有這一切在一個HTML文件 – mahesh

http://jsfiddle.net/d9CMR/186/ – drarkayl

兄弟我想在一個像這樣的一個HTML頁面的一切

如何將所有這些東西整合到一個文件 – mahesh

想用java腳本只有默認的清除文本示例

回答

相關問題