很可愛的輸入框
更新時(shí)間：2008年08月03日 01:24:16 作者：
不錯(cuò)的輸入框效果，主要是用到了一個(gè)背景動(dòng)畫
<!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.dbjr.com.cn</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.dbjr.com.cn</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)文章
點(diǎn)此處秒后立即下載...2006-07-07
javascript 表單的友好用戶體現(xiàn)代碼2009-01-01
同一個(gè)表單 根據(jù)要求遞交到不同頁面的實(shí)現(xiàn)方法小結(jié)
同一個(gè)表單 根據(jù)要求遞交到不同頁面的實(shí)現(xiàn)方法，就是好多網(wǎng)站，可以百度一個(gè)表單可以搜索音樂，圖片等2009-08-08
[藍(lán)色]多線程的全選復(fù)選框...2006-11-11
在輸入文本框內(nèi)容時(shí)，有時(shí)候需要提示用戶輸入的內(nèi)容，為了更友好的提示用戶，我用js寫了一種方法，當(dāng)點(diǎn)擊文本框時(shí)，在文本框右邊提示用戶要輸入的信息。2009-12-12
js監(jiān)聽表單value的修改同步問題，跨瀏覽器支持
今天同事測試發(fā)現(xiàn)項(xiàng)目中一個(gè)小bug，然后我負(fù)責(zé)解決。研究了不短的時(shí)間，終于搞定了，有點(diǎn)激動(dòng)。呵呵。拿出來與大家分享。2009-12-12
一個(gè)漂亮的下拉列表，去掉了灰色倒三角按鈕...2007-06-06
javascript 復(fù)選框選擇/全選后特效...2007-07-07
File文件控件，選中文件(圖片,flash,視頻)即立即預(yù)覽顯示
非常不錯(cuò)的File文件控件，圖片,flash,視頻都可以立即顯示，推薦使用。2009-04-04
更換select下拉菜單背景樣式的實(shí)現(xiàn)代碼
更換select下拉菜單背景樣式的實(shí)現(xiàn)代碼，需要的朋友可以參考下。2011-12-12