ww.麻豆AV,色狠狠久久久综合 http://m.dgkai.cn/blog 中山php|最優(yōu)網(wǎng)絡(luò) Mon, 13 May 2013 04:56:43 +0000 en hourly 1 http://wordpress.org/?v=3.1.4 修改file表單按鈕樣式,把文字:瀏覽..修改成自己喜歡的樣式或其他文字 http://m.dgkai.cn/blog/view-98.html http://m.dgkai.cn/blog/view-98.html#comments Sat, 13 Aug 2011 18:48:01 +0000 lin http://m.dgkai.cn/blog/?p=98

由于file類型的表單會(huì)自動(dòng)生成一個(gè)文字為瀏覽..的按鈕,并且這個(gè)按鈕的文字不能改變,如果我想改變這個(gè)file input框的表現(xiàn)形式或者希望改變這個(gè)按鈕的文字應(yīng)該怎么辦呢?

我首先想到的,也是最簡(jiǎn)單的方式就是把這個(gè)file input框隱藏,然后建多一個(gè)按鈕,點(diǎn)擊按鈕的時(shí)候觸動(dòng)file 的click事件,這個(gè)方式再ie下可以,在火狐下就沒效果。

另外幾種種比較常用的方式就可以解決瀏覽器兼容的問題,下面這種算是比較完美的解決方式,也是最簡(jiǎn)單的了。

就是先把這個(gè)file框透明,然后把它放在a標(biāo)簽里面,定義a標(biāo)簽的背景樣式,這樣看到的是a,點(diǎn)擊的是file,下面是代碼:
<HTML>
<HEAD>
<TITLE>upload</TITLE>
<style>

.a {

cursor:hand;
text-decoration:none;
background-image: url('http://cn.madeinasia.com/templets/default/images/logo.gif');
height:20px;
width:20px;
padding:0px;
}

.file {
cursor:pointer;
font-size:20px;
left:0px;
opacity:0;
filter:alpha(opacity=0)
}

</style>
</HEAD>
<BODY>
<FORM METHOD=POST ACTION="" enctype="multipart/form-data">
<A class='a' href=#><INPUT class='file' type=file size=1 name="filedata" onchange="this.form.submit()"></A>
<INPUT TYPE="submit" value="提交">
</FORM>

</BODY>
</HTML>

]]>
http://m.dgkai.cn/blog/view-98.html/feed 277
欧美一区二区三区性激情四射| 这里只有97精品| 91在线成人·com| 无码中文字幕吃瓜| 国产人妖cd在线| 艹久久久久久| 亚洲中文字幕卡| 色福利小视频| 韩日美精品美女一区二区| 黄色小说在线观看免费网址| 亚洲AV综合网站在线| 日韩人妻中字| 最新中文无码久久久久9999| 三级黄在线视频| 黄色麻豆91| 国产99精品免费| 国产激情久久久久影院,| 国产精品一区二区啪啪爽 | 亚洲日本熟女一区二区| 天天5Av| 收看成人菊花视頻| MM欧美一区二区| 日本亚洲不卡免费在线| 理论电影久久久久久久| 久久精选不卡| 亚洲熟妇色xxxxx欧美老妇| www.久久久久.con| 欧美国产宗合| 中文字幕第1页-阿L-手机版| 亚洲经典一二级在线播放| 亚洲天堂av麻豆| 亚洲日韩欧美国产一区不卡| 访问在线观看页面升级一区二区访问| 欧美—区二区| 久久这里只有精品99| 成a人v在线观看| 日韩欧美日韩无码| 精品国产欧美偷拍盗摄一区二区| 9191蜜桃欧美| 九九热最新视频精品| 偷拍人妻69|