管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

文本框点击时文字消失，失去焦点时文字出现

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
    <head> 
        <meta http-equiv="Content-Type" content="text/html; charsetGB2312" /> 
        <title>文本框点击时文字消失，失去焦点时文字出现 </title> 
         
    </head> 
    <body> 
        <input type="text" value="请输入您的姓名" id="myinput" /> 
    </body> 
</html> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22JavaScript%22%20type%3D%22text%2Fjavascript%22%3E%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20function%20addListener(element%2Ce%2Cfn)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20if(element.addEventListener)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20element.addEventListener(e%2Cfn%2Cfalse)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20else%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20element.attachEvent(%22on%22%20%2B%20e%2Cfn)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20var%20myinput%20%3D%20document.getElementById(%22myinput%22)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20addListener(myinput%2C%22click%22%2Cfunction()%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20myinput.value%20%3D%20%22%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20addListener(myinput%2C%22blur%22%2Cfunction()%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20myinput.value%20%3D%20%22%E8%AF%B7%E8%BE%93%E5%85%A5%E6%82%A8%E7%9A%84%E5%A7%93%E5%90%8D%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D)%20%0D%0A%0D%0A%3C%2Fscript%3E">

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程