firefox下input type="file"的size是多大


Posted in Javascript onOctober 24, 2011

但是这个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>

在火狐下得到这样的结果:
firefox下input type=&quot;file&quot;的size是多大
发现了一定的规律,默认为208像素,size="1"时为85像素,每个size之间相差6.5个像素的宽度,所以我们可以动态的设定size的值,如:
if ($.browser.mozilla) { $(this).attr("size", 1 + (options.WrapWidth - 85) / 6.5) }

出处:www.cnblogs.com/flowerszhong
Javascript 相关文章推荐
实用javaScript技术-屏蔽类
Aug 15 Javascript
js可突破windows弹退效果代码
Aug 09 Javascript
JavaScript-RegExp对象只能使用一次问题解决方法
Jun 23 Javascript
js css自定义分页效果
Feb 24 Javascript
js实现导航吸顶效果
Feb 24 Javascript
jQuery动态产生select option下拉列表
Mar 15 Javascript
JavaScript实现多叉树的递归遍历和非递归遍历算法操作示例
Feb 08 Javascript
vue router总结 $router和$route及router与 router与route区别
Jul 05 Javascript
微信小程序实现页面分享onShareAppMessage
Aug 12 Javascript
JavaScript中0、空字符串、'0'是true还是false的知识点分享
Sep 16 Javascript
小程序实现日历左右滑动效果
Oct 21 Javascript
antd-DatePicker组件获取时间值,及相关设置方式
Oct 27 Javascript
jquery.fileEveryWhere.js 一个跨浏览器的file显示插件
Oct 24 #Javascript
editable.js 基于jquery的表格的编辑插件
Oct 24 #Javascript
基于jquery的防止大图片撑破页面的实现代码(立即缩放)
Oct 24 #Javascript
css值转换成数值请抛弃parseInt
Oct 24 #Javascript
更优雅的事件触发兼容
Oct 24 #Javascript
myEvent.js javascript跨浏览器事件框架
Oct 24 #Javascript
最佳的addEvent事件绑定是怎样诞生的
Oct 24 #Javascript
You might like
php中时间轴开发(刚刚、5分钟前、昨天10:23等)
2011/10/03 PHP
PHP 利用AJAX获取网页并输出的实现代码(Zjmainstay)
2012/08/31 PHP
避免Smarty与CSS语法冲突的方法
2015/03/02 PHP
php实现的简单检验登陆类
2015/06/18 PHP
jquery中.add()的使用分析
2013/04/26 Javascript
jQuery统计上传文件大小的方法
2015/01/24 Javascript
Bootstrap表单组件教程详解
2016/04/26 Javascript
jQuery动态改变多行文本框高度的方法
2016/09/07 Javascript
AngularJS 中使用Swiper制作滚动图不能滑动的解决方法
2016/11/15 Javascript
js实现添加删除表格(两种方法)
2017/04/27 Javascript
JQuery实现图片轮播效果
2017/05/08 jQuery
解决vue2.0路由跳转未匹配相应用路由避免出现空白页面的问题
2018/08/24 Javascript
vue实现的组件兄弟间通信功能示例
2018/12/04 Javascript
微信小程序npm引入vant-weapp的踩坑记录
2019/08/01 Javascript
[06:16]第十四期-国士无双绝地翻盘之撼地神牛
2014/06/24 DOTA
使用scrapy实现爬网站例子和实现网络爬虫(蜘蛛)的步骤
2014/01/23 Python
Python解析xml中dom元素的方法
2015/03/12 Python
对于Python中线程问题的简单讲解
2015/04/03 Python
Python对excel文档的操作方法详解
2018/12/10 Python
Django使用AJAX调用自己写的API接口的方法
2019/03/06 Python
python使用flask与js进行前后台交互的例子
2019/07/19 Python
PyCharm使用之配置SSH Interpreter的方法步骤
2019/12/26 Python
pytorch实现从本地加载 .pth 格式模型
2020/02/14 Python
Python用5行代码实现批量抠图的示例代码
2020/04/14 Python
Django正则URL匹配实现流程解析
2020/11/13 Python
亚马逊西班牙购物网站:amazon西班牙
2017/03/06 全球购物
赫里福德的一家乡村零售商店:Philip Morris & Son
2017/06/25 全球购物
Antonioli美国在线商店:时尚前卫奢华
2019/07/29 全球购物
Stokke美国官方网店:高级儿童家具、推车、汽车座椅和配件
2020/06/06 全球购物
JBL加拿大官方商店:扬声器、耳机等
2020/10/23 全球购物
世界上最大的铁人三项商店:Tri UK
2020/11/04 全球购物
纠风工作实施方案
2014/03/15 职场文书
2014年纪检工作总结
2014/11/12 职场文书
2015年测量员工作总结
2015/05/23 职场文书
请客吃饭开场白
2015/06/01 职场文书
我去timi了,一起去timi是什么意思?
2022/04/13 杂记