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 相关文章推荐
JObj预览一个JS的框架
Mar 13 Javascript
浅析用prototype定义自己的方法
Nov 14 Javascript
js纯数字逐一停止显示效果的实现代码
Mar 16 Javascript
jquery插件方式实现table查询功能的简单实例
Jun 06 Javascript
PHP捕捉异常中断的方法
Oct 24 Javascript
前端开发必知的15个jQuery小技巧
Jan 22 Javascript
Javascript前端经典的面试题及答案
Mar 14 Javascript
关于javascript sort()排序你可能忽略的一点理解
Jul 18 Javascript
jQuery实现的粘性滚动导航栏效果实例【附源码下载】
Oct 19 jQuery
基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码
Jun 10 jQuery
小程序Request的另类用法详解
Aug 09 Javascript
记录一次websocket封装的过程
Nov 23 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 ImageMagick windows下安装教程
2015/01/26 PHP
Yii2下点击验证码的切换实例代码
2017/03/14 PHP
支持汉转拼和拼音分词的PHP中文工具类ChineseUtil
2018/02/23 PHP
tp框架(thinkPHP)实现三次登陆密码错误之后锁定账号功能示例
2018/05/24 PHP
jQuery 选择器、DOM操作、事件、动画
2010/11/25 Javascript
Javascript简单实现可拖动的div
2013/10/22 Javascript
div模拟选择框示例代码
2013/11/03 Javascript
jQuery实现流动虚线框的方法
2015/01/29 Javascript
jQuery根据name属性进行查找的用法分析
2016/06/23 Javascript
基于javascript实现按圆形排列DIV元素(二)
2016/12/02 Javascript
js 实现获取name 相同的页面元素并循环遍历的方法
2017/02/14 Javascript
nodejs个人博客开发第四步 数据模型
2017/04/12 NodeJs
基于Vue开发数字输入框组件
2017/12/19 Javascript
vue如何判断dom的class
2018/04/26 Javascript
[02:51]2018年度DOTA2最佳中单位选手-完美盛典
2018/12/17 DOTA
python异步任务队列示例
2014/04/01 Python
Python自定义scrapy中间模块避免重复采集的方法
2015/04/07 Python
python访问类中docstring注释的实现方法
2015/05/04 Python
python3.5 + PyQt5 +Eric6 实现的一个计算器代码
2017/03/11 Python
Django中url的反向查询的方法
2018/03/14 Python
使用Python横向合并excel文件的实例
2018/12/11 Python
pycharm编写spark程序,导入pyspark包的3中实现方法
2019/08/02 Python
Python字典推导式将cookie字符串转化为字典解析
2019/08/10 Python
Python爬虫运用正则表达式的方法和优缺点
2019/08/25 Python
django框架中ajax的使用及避开CSRF 验证的方式详解
2019/12/11 Python
Python 实现向word(docx)中输出
2020/02/13 Python
Python并发请求下限制QPS(每秒查询率)的实现代码
2020/06/05 Python
CSS3之多背景background使用示例
2013/10/18 HTML / CSS
trivago美国:全球最大的酒店价格比较网站
2018/01/18 全球购物
英国著名的美容护肤和护发产品购物网站:Lookfantastic
2020/11/23 全球购物
印度电子产品购物网站:Vijay Sales
2021/02/16 全球购物
五一家具促销方案
2014/01/10 职场文书
项目投资建议书
2014/05/16 职场文书
党员转正党支部意见
2015/06/02 职场文书
入党后的感想
2015/08/10 职场文书
Python中22个万用公式的小结
2021/07/21 Python