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 相关文章推荐
漂亮的widgets,支持换肤和后期开发新皮肤(2007-4-27已更新1.7alpha)
Apr 27 Javascript
js 文件引入实现代码
Apr 23 Javascript
原生JS绑定滑轮滚动事件兼容常见浏览器
Jun 30 Javascript
简单实现限制uploadify上传个数
Nov 16 Javascript
javascript生成img标签的3种实现方法(对象、方法、html)
Dec 25 Javascript
浅析Node.js实现HTTP文件下载
Aug 05 Javascript
jQuery网页定位导航特效实现方法
Dec 19 Javascript
js+html制作简单验证码
Feb 16 Javascript
详解webpack babel的配置
Jan 09 Javascript
jQuery实现表格的增、删、改操作示例
Jan 27 jQuery
js绘制一条直线并旋转45度
Aug 21 Javascript
node.js 基于 STMP 协议和 EWS 协议发送邮件
Feb 14 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实现字符串翻转的方法
2015/03/27 PHP
php中使用sftp教程
2015/03/30 PHP
php连接oracle数据库的核心步骤
2016/05/26 PHP
js对象关系图 方便dom操作
2012/03/18 Javascript
jQuery 开发者应该注意的9个错误
2012/05/03 Javascript
jquery实现图片渐变切换兼容ie6/Chrome/Firefox
2013/08/02 Javascript
Area 区域实现post提交数据的js写法
2014/04/22 Javascript
javascript函数特点实例分析
2015/05/14 Javascript
使用Angular和Nodejs、socket.io搭建聊天室及多人聊天室
2015/08/21 NodeJs
jquery实现漂亮的二级下拉菜单代码
2015/08/26 Javascript
jQuery实现带延迟效果的滑动菜单代码
2015/09/02 Javascript
表单元素值获取方式js及java方式的简单实例
2016/10/15 Javascript
React组件的三种写法总结
2017/01/12 Javascript
js实现前面自动补全位数的方法
2018/10/10 Javascript
electron实现静默打印的示例代码
2019/08/12 Javascript
使用vue-router切换页面时实现设置过渡动画
2019/10/31 Javascript
javascript canvas时钟模拟器
2020/07/13 Javascript
python的keyword模块用法实例分析
2015/06/30 Python
使用Python内置的模块与函数进行不同进制的数的转换
2016/03/12 Python
Python简单实现安全开关文件的两种方式
2016/09/19 Python
python爬虫使用cookie登录详解
2017/12/27 Python
Python安装与基本数据类型教程详解
2019/05/29 Python
Python 实现遥感影像波段组合的示例代码
2019/08/04 Python
python垃圾回收机制(GC)原理解析
2019/12/30 Python
浅谈pytorch、cuda、python的版本对齐问题
2020/01/15 Python
Python面向对象程序设计之静态方法、类方法、属性方法原理与用法分析
2020/03/23 Python
virtualenv介绍及简明教程
2020/06/23 Python
Django封装交互接口代码
2020/07/12 Python
Python制作一个仿QQ办公版的图形登录界面
2020/09/22 Python
掌上明珠Java程序员面试总结
2016/02/23 面试题
个人先进材料范文
2014/12/30 职场文书
2015年社区民政工作总结
2015/04/21 职场文书
一个都不能少观后感
2015/06/04 职场文书
优秀志愿者感言
2015/08/01 职场文书
只需要这一行代码就能让python计算速度提高十倍
2021/05/24 Python
浅谈MySQL user权限表
2021/06/18 MySQL