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 相关文章推荐
Auntion-TableSort国人写的一个javascript表格排序的东西
Nov 12 Javascript
ExtJS扩展 垂直tabLayout实现代码
Jun 21 Javascript
javascript面向对象的方式实现的弹出层效果代码
Jan 28 Javascript
jQuery怎么解析Json字符串(Json格式/Json对象)
Aug 09 Javascript
jquery超简单实现手风琴效果的方法
Jun 05 Javascript
解析Node.js异常处理中domain模块的使用方法
Feb 16 Javascript
jquery网页加载进度条的实现
Jun 01 jQuery
bootstrap table sum总数量统计实现方法
Oct 29 Javascript
bootstrap响应式导航条模板使用详解(含下拉菜单,弹出框)
Nov 17 Javascript
jQuery阻止事件冒泡实例分析
Jul 03 jQuery
原生js实现二级联动菜单
Nov 27 Javascript
Vue性能优化的方法
Jul 30 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的FTP学习(二)[转自奥索]
2006/10/09 PHP
php获取ip的三个属性区别介绍(HTTP_X_FORWARDED_FOR,HTTP_VIA,REMOTE_ADDR)
2012/09/23 PHP
php cc攻击代码与防范方法
2012/10/18 PHP
php管理nginx虚拟主机shell脚本实例
2014/11/19 PHP
标准版Eclipse搭建PHP环境的详细步骤
2015/11/18 PHP
js验证整数加保留小数点的简单实例
2013/12/02 Javascript
分享2个jQuery插件--jquery.fileupload与artdialog
2014/12/26 Javascript
修复bash漏洞的shell脚本分享
2014/12/31 Javascript
js获取json元素数量的方法
2015/01/27 Javascript
Javascript中的apply()方法浅析
2015/03/15 Javascript
微信小程序 实战程序简易新闻的制作
2017/01/09 Javascript
深入理解基于vue-cli的vuex配置
2017/07/24 Javascript
javascript基于定时器实现进度条功能实例
2017/10/13 Javascript
React Native实现地址挑选器功能
2017/10/24 Javascript
详解VUE-地区选择器(V-Distpicker)组件使用心得
2018/05/07 Javascript
解决layui checkbox 提交多个值的问题
2019/09/02 Javascript
基于node+vue实现简单的WebSocket聊天功能
2020/02/01 Javascript
React+EggJs实现断点续传的示例代码
2020/07/07 Javascript
python操作mongodb根据_id查询数据的实现方法
2015/05/20 Python
浅谈用Python实现一个大数据搜索引擎
2017/11/28 Python
pandas将numpy数组写入到csv的实例
2018/07/04 Python
Python实现常见的回文字符串算法
2018/11/14 Python
浅谈pyqt5中信号与槽的认识
2019/02/17 Python
python接口自动化如何封装获取常量的类
2019/12/24 Python
logging level级别介绍
2020/02/21 Python
如何导出python安装的所有模块名称和版本号到文件中
2020/06/05 Python
对Pytorch 中的contiguous理解说明
2021/03/03 Python
简单介绍HTML5中audio标签的使用
2015/09/24 HTML / CSS
Java的for语句中break, continue和return的区别
2013/12/19 面试题
慈善晚会策划方案
2014/05/14 职场文书
人力资源求职信
2014/05/25 职场文书
施工工地安全标语
2014/06/07 职场文书
2015年团支书工作总结
2015/04/03 职场文书
2015年教研工作总结
2015/05/23 职场文书
python开发飞机大战游戏
2021/07/15 Python
Golang Web 框架Iris安装部署
2022/08/14 Python