當前位置:96看吧 > 技術文檔 > 網頁制作 > 可以顯示文字的密碼輸入框

可以顯示文字的密碼輸入框

時間:2008/10/21
作者:佚名
來源:網絡轉載
查看:
標簽:密碼輸入框

顯示文字的密碼輸入框的關鍵之處就是使用背景圖片,此例需要用到的圖片:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>可以顯示文字的密碼輸入框</title>
<style type="text/css">
.psw{background:url(http://www.0839127.live/uploadfile/2008/10/21//2008102111415837.gif) 3px 3px no-repeat;}
</style>
</head>
<body>
<p>可能這種方法你永遠都用不上,不過相信你看過這個之后,至少能幫助你拓寬思路,這樣在將來做網頁遇到什么看似不可能的需求的時候,可能能找到解決的辦法。</p>
<p>可以顯示文字的密碼輸入框:<br /><input type="password" id="PSW" class="psw" /></p>
<script type="text/javascript">
var obj=document.getElementById("PSW");
obj.onfocus=function(){obj.className=""}
obj.onblur=function(){if(!obj.value){obj.className="psw";}}
</script>
</body>
</html>

     

提示:您可以先修改部分代碼再運行
 

上一篇:解決輸入框、按鈕等不能垂直對齊的問題
下一篇:如何關閉輸入框的提示
頁面舉報
Report
關閉頁面
Close
收藏頁面
Favorites
分享頁面
Share
版權信息:欄目內,站內會員所分享的全部“資源/素材/文章”,僅供學習與參考,版權為原作者所有。
下載提示:非注冊用戶每天可下載一個文件,已注冊會員不受限制。
網友評論
數據載入中
驗證碼
  • 請您注意:
  • ·請不要在評論中含與內容無關的廣告鏈接。
  • ·不良評論請用報告管理員,以利管理員及時刪除。
  • ·遵守中華人民共和國的各項有關法律法規
  • ·承擔一切因您的行為而直接或間接導致的民事或刑事法律責任
  • ·本站管理人員有權保留或刪除評論中的任意內容
  • ·您在本站發表的作品,本站有權在網站內轉載或引用
  • ·參與本評論即表明您已經閱讀并接受上述條款
相關最新
相關熱門
中国铝业股票行情