很可愛的輸入框
更新時間：2008年08月03日 01:24:16 作者：
不錯的輸入框效果，主要是用到了一個背景動畫
<!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>很可愛的輸入框_腳本之家_www.fzitv.net</title>
<style>
.username_bg { background:url(http://img.jb51.net/images/login_bg.gif) no-repeat 50%;}
.inputbox { width:100px; height:16px; border:1px solid #FF9900}
</style>
</head>
<body>
<input type="text" name="username" class="inputbox" onfocus="this.className='username_bg inputbox'" onblur="this.className='inputbox'" />
<input type="text" name="username1" class="inputbox" onfocus="this.className='username_bg inputbox'" onblur="this.className='inputbox'" />
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>很可愛的輸入框_腳本之家_www.fzitv.net</title>
<style>
.username_bg { background:url(http://img.jb51.net/images/login_bg.gif) no-repeat 50%;}
.inputbox { width:100px; height:16px; border:1px solid #FF9900}
</style>
</head>
<body>
<input type="text" name="username" class="inputbox" onfocus="this.className='username_bg inputbox'" onblur="this.className='inputbox'" />
<input type="text" name="username1" class="inputbox" onfocus="this.className='username_bg inputbox'" onblur="this.className='inputbox'" />
</body>
</html>
相關(guān)文章
影響的范圍: IE的所有版本 在表單的radio/checkbox控件中，一旦他們的DOM結(jié)構(gòu)被更改過就會出現(xiàn)這個bug。2008-12-12
用js控制select的一些比較不錯的功能。2009-04-04
從阿里媽媽發(fā)現(xiàn)的幾個不錯的表單驗證函數(shù)
從阿里媽媽發(fā)現(xiàn)的幾個不錯的表單驗證函數(shù)...2007-09-09
下拉菜單...2006-07-07
我們有時候希望回車鍵敲在文本框（input element）里來提交表單（form），但有時候又不希望如此。2010-04-04
刷新時清空文本框內(nèi)容的js代碼...2007-04-04
js監(jiān)聽表單value的修改同步問題，跨瀏覽器支持
今天同事測試發(fā)現(xiàn)項目中一個小bug，然后我負責解決。研究了不短的時間，終于搞定了，有點激動。呵呵。拿出來與大家分享。2009-12-12![Ajax在線提交留言并實時顯示的js代碼[修正版]](http://img.jbzj.com/images/xgimg/bcimg7.png)
Ajax在線提交留言并顯示的HTML實例，不要小看這一個頁面哦，雖然代碼也不多，但完成的功能并不少，它可以完成表單判斷、無刷新提交留言、無刷新顯示，并實現(xiàn)了動畫顯示文字的功能，覺得怎么樣呢？2010-11-11
文本框焦點問題 網(wǎng)頁按鈕的特殊顏色等常用的一些網(wǎng)站中常用到的一些不得不會的一些知識點。2009-02-02
用 Javascript 驗證表單(form)中多選框(checkbox)值
和單選框一樣，許多新手在用 Javascript 驗證表單（form）中多選框（checkbox）的值時，都會遇到問題，原因是 checkbox 和普通的文本框在獲取值的時候有很大不同2009-09-09