很可愛(ài)的輸入框
更新時(shí)間：2008年08月03日 01:24:16 作者：
不錯(cuò)的輸入框效果，主要是用到了一個(gè)背景動(dòng)畫(huà)
<!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>很可愛(ài)的輸入框_腳本之家_m.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>很可愛(ài)的輸入框_腳本之家_m.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)被更改過(guò)就會(huì)出現(xiàn)這個(gè)bug。2008-12-12
用js控制select的一些比較不錯(cuò)的功能。2009-04-04
從阿里媽媽發(fā)現(xiàn)的幾個(gè)不錯(cuò)的表單驗(yàn)證函數(shù)
從阿里媽媽發(fā)現(xiàn)的幾個(gè)不錯(cuò)的表單驗(yàn)證函數(shù)...2007-09-09
下拉菜單...2006-07-07
javascript 回車鍵觸發(fā)表單提交的問(wèn)題
我們有時(shí)候希望回車鍵敲在文本框（input element）里來(lái)提交表單（form），但有時(shí)候又不希望如此。2010-04-04
刷新時(shí)清空文本框內(nèi)容的js代碼...2007-04-04
js監(jiān)聽(tīng)表單value的修改同步問(wèn)題，跨瀏覽器支持
今天同事測(cè)試發(fā)現(xiàn)項(xiàng)目中一個(gè)小bug，然后我負(fù)責(zé)解決。研究了不短的時(shí)間，終于搞定了，有點(diǎn)激動(dòng)。呵呵。拿出來(lái)與大家分享。2009-12-12![Ajax在線提交留言并實(shí)時(shí)顯示的js代碼[修正版]](http://img.jbzj.com/images/xgimg/bcimg7.png)
Ajax在線提交留言并實(shí)時(shí)顯示的js代碼[修正版]
Ajax在線提交留言并顯示的HTML實(shí)例，不要小看這一個(gè)頁(yè)面哦，雖然代碼也不多，但完成的功能并不少，它可以完成表單判斷、無(wú)刷新提交留言、無(wú)刷新顯示，并實(shí)現(xiàn)了動(dòng)畫(huà)顯示文字的功能，覺(jué)得怎么樣呢？2010-11-11
文本框焦點(diǎn)問(wèn)題 網(wǎng)頁(yè)按鈕的特殊顏色等常用的一些網(wǎng)站中常用到的一些不得不會(huì)的一些知識(shí)點(diǎn)。2009-02-02
用 Javascript 驗(yàn)證表單(form)中多選框(checkbox)值
和單選框一樣，許多新手在用 Javascript 驗(yàn)證表單（form）中多選框（checkbox）的值時(shí)，都會(huì)遇到問(wèn)題，原因是 checkbox 和普通的文本框在獲取值的時(shí)候有很大不同2009-09-09