firefox下input type="file"的size是多大
更新時(shí)間:2011年10月24日 23:20:09 作者:
firefox對(duì)type="file" 的input的width定義目前是不支持的,但是FF支持size屬性,可以給size設(shè)置一個(gè)值,來(lái)控制上傳框的大小
但是這個(gè)size值怎么設(shè)置,size="10"是多寬,默認(rèn)值又是多少,不能光憑感覺(jué)去設(shè)置。 用腳本來(lái)查看下:
<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)文章
JavaScript與Image加載事件(onload)、加載狀態(tài)(complete)
以前寫(xiě)過(guò)一個(gè)圖片等比縮放的Js函數(shù),缺陷是要等到所有圖片都加載完畢了,才能進(jìn)行等比縮放。2011-02-02javascript之Partial Application學(xué)習(xí)
在數(shù)學(xué)中,一個(gè)函數(shù)是描述每個(gè)輸入值對(duì)應(yīng)唯一輸出值的這種對(duì)應(yīng)關(guān)系,符號(hào)為 f(x)。例如,表達(dá)式 f(x)=x2表示了一個(gè)函數(shù) f,其中每個(gè)輸入值x都與唯一輸出值x2相聯(lián)系2013-01-01Phaser.js實(shí)現(xiàn)簡(jiǎn)單的跑酷游戲附源碼下載
這篇文章主要介紹了Phaser.js實(shí)現(xiàn)簡(jiǎn)單的跑酷游戲附源碼下載,需要的朋友可以參考下2018-10-10js實(shí)現(xiàn)div在頁(yè)面拖動(dòng)效果
這篇文章主要介紹了js實(shí)現(xiàn)div在頁(yè)面拖動(dòng)效果,涉及JavaScript動(dòng)態(tài)操作頁(yè)面元素與數(shù)值計(jì)算的相關(guān)技巧,需要的朋友可以參考下2016-05-05微信小程序?qū)W習(xí)總結(jié)(二)樣式、屬性、模板操作分析
這篇文章主要介紹了微信小程序樣式、屬性、模板操作,結(jié)合實(shí)例形式分析了微信小程序尺寸單位、樣式、數(shù)據(jù)初始化、屬性、模板調(diào)用相關(guān)操作技巧,需要的朋友可以參考下2020-06-06使用Javascript開(kāi)發(fā)sliding-nav帶滑動(dòng)條效果的導(dǎo)航插件
這篇文章主要介紹了使用Javascript開(kāi)發(fā)sliding-nav帶滑動(dòng)條效果的導(dǎo)航插件,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-03-03JavaScript 數(shù)組展平方法: flat() 和 flatMap()詳解
從 ES2019 中開(kāi)始引入了一種扁平化數(shù)組的新方法,可以展平任何深度的數(shù)組,這篇文章主要介紹了JavaScript 數(shù)組展平方法: flat() 和 flatMap()詳解,需要的朋友可以參考下2023-06-06