firefox下input type="file"的size是多大
更新時(shí)間：2011年10月24日 23:20:09 作者：
firefox對(duì)type="file" 的input的width定義目前是不支持的，但是FF支持size屬性，可以給size設(shè)置一個(gè)值，來控制上傳框的大小
但是這個(gè)size值怎么設(shè)置，size="10"是多寬，默認(rèn)值又是多少，不能光憑感覺去設(shè)置。 用腳本來查看下：
<script type="text/javascript">
$(function() {
var fileArray = [];
var i = 0;
while (i < 100) {
fileArray.push(i + ":<input type='file' size='" + i + "' /><br />");
i++;
}
document.write(fileArray.join(""));
$("input:file").each(function() { $(this).after("<b>" + $(this).width() + "</b>") });
});
</script>
在火狐下得到這樣的結(jié)果：
發(fā)現(xiàn)了一定的規(guī)律，默認(rèn)為208像素，size="1"時(shí)為85像素，每個(gè)size之間相差6.5個(gè)像素的寬度，所以我們可以動(dòng)態(tài)的設(shè)定size的值，如：
if ($.browser.mozilla) { $(this).attr("size", 1 + (options.WrapWidth - 85) / 6.5) }
出處:www.cnblogs.com/flowerszhong
復(fù)制代碼 代碼如下:
<script type="text/javascript">
$(function() {
var fileArray = [];
var i = 0;
while (i < 100) {
fileArray.push(i + ":<input type='file' size='" + i + "' /><br />");
i++;
}
document.write(fileArray.join(""));
$("input:file").each(function() { $(this).after("<b>" + $(this).width() + "</b>") });
});
</script>
在火狐下得到這樣的結(jié)果：
發(fā)現(xiàn)了一定的規(guī)律，默認(rèn)為208像素，size="1"時(shí)為85像素，每個(gè)size之間相差6.5個(gè)像素的寬度，所以我們可以動(dòng)態(tài)的設(shè)定size的值，如：
復(fù)制代碼 代碼如下:
if ($.browser.mozilla) { $(this).attr("size", 1 + (options.WrapWidth - 85) / 6.5) }
出處:www.cnblogs.com/flowerszhong
相關(guān)文章
基于JS實(shí)現(xiàn)移動(dòng)端訪問PC端頁面時(shí)跳轉(zhuǎn)到對(duì)應(yīng)的移動(dòng)端網(wǎng)頁
不想通過CSS自適應(yīng)在PC端和移動(dòng)端分別顯示不同的樣式，那么只能通過在移動(dòng)端訪問PC端網(wǎng)頁時(shí)跳轉(zhuǎn)到對(duì)應(yīng)的移動(dòng)端網(wǎng)頁了，那么怎么跳轉(zhuǎn)呢，網(wǎng)上也有很多文章說明，以下實(shí)現(xiàn)思路經(jīng)過小編測(cè)試過，需要的朋友可以參考下2016-04-04
js判斷頁面中是否有指定控件的簡(jiǎn)單實(shí)例
本篇文章主要是對(duì)js判斷頁面中是否有指定控件的簡(jiǎn)單實(shí)例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-03-03
javascript實(shí)現(xiàn)隨機(jī)抽獎(jiǎng)功能
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)隨機(jī)抽獎(jiǎng)功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-12-12
JavaScript選擇排序算法原理與實(shí)現(xiàn)方法示例
這篇文章主要介紹了JavaScript選擇排序算法原理與實(shí)現(xiàn)方法,簡(jiǎn)單分析了選擇排序算法的概念、原理并結(jié)合實(shí)例形式分析了JavaScript選擇排序算法的相關(guān)實(shí)現(xiàn)技巧與操作注意事項(xiàng),需要的朋友可以參考下2018-08-08
本篇文章主要介紹了詳解為Bootstrap Modal添加拖拽的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-01-01
這篇文章主要介紹了微信小程序組件傳值圖示過程詳解,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-07-07
JavaScript移除數(shù)組元素減少長(zhǎng)度的方法
數(shù)組想必大家對(duì)它并不陌生吧，有些新手朋友們都不知道如何移除數(shù)組元素，下面為大家介紹個(gè)示例，喜歡的朋友可以了解下2013-09-09
這篇文章主要介紹了JS中捕獲console.log()輸出的方法,實(shí)例分析了實(shí)現(xiàn)獲取console.log輸出的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-04-04
比較詳細(xì)的關(guān)于javascript中void(0)的具體含義解釋
比較詳細(xì)的關(guān)于javascript中void(0)的具體含義解釋...2007-08-08
分步解析JavaScript實(shí)現(xiàn)tab選項(xiàng)卡自動(dòng)切換功能
這篇文章主要分步解析JavaScript實(shí)現(xiàn)tab選項(xiàng)卡自動(dòng)切換功能代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-01-01