firefox下input type="file"的size是多大
更新时间：2011年10月24日 23:20:09 作者：
firefox对type="file" 的input的width定义目前是不支持的，但是FF支持size属性，可以给size设置一个值，来控制上传框的大小
但是这个size值怎么设置，size="10"是多宽，默认值又是多少，不能光凭感觉去设置。 用脚本来查看下：
<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>
在火狐下得到这样的结果：
发现了一定的规律，默认为208像素，size="1"时为85像素，每个size之间相差6.5个像素的宽度，所以我们可以动态的设定size的值，如：
if ($.browser.mozilla) { $(this).attr("size", 1 + (options.WrapWidth - 85) / 6.5) }
出处:www.cnblogs.com/flowerszhong
复制代码 代码如下:
<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>
在火狐下得到这样的结果：
发现了一定的规律，默认为208像素，size="1"时为85像素，每个size之间相差6.5个像素的宽度，所以我们可以动态的设定size的值，如：
复制代码 代码如下:
if ($.browser.mozilla) { $(this).attr("size", 1 + (options.WrapWidth - 85) / 6.5) }
出处:www.cnblogs.com/flowerszhong
相关文章
这篇文章主要介绍了微信小程序实现搜索关键词高亮的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-03-03
这篇文章主要介绍了微信小程序pinker组件使用实现自动相减日期,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-05-05
这篇文章介绍了JS精确统计网站访问量的实例代码，有需要的朋友可以参考一下2013-07-07
这篇文章主要介绍了JavaScript中使用参数个数实现重载功能,需要的朋友可以参考下2017-09-09
这篇文章介绍了js实现收缩菜单效果实例代码，有需要的朋友可以参考一下2013-10-10
Firebug是Firefox下的一款开发类插件，现属于Firefox的五星级强力推荐插件之一。2010-01-01
在这篇文章中, 我将用150行代码, 手把手带你打造一个小程序也可以使用的侦听器，感兴趣的朋友跟随小编一起看看吧2019-05-05
如我之前的文章所述(Javascript作用域)，定义在全局的函数，函数的所有者就是当前页面，也就是window对象2013-11-11
本篇文章主要是对js特殊字符过滤的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-03-03
原生js XMLhttprequest请求onreadystatechange执行两次的解决
这篇文章主要介绍了原生js XMLhttprequest请求onreadystatechange执行两次的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-02-02
最新评论