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 相关文章推荐
限制复选框的最大可选数
Jul 01 Javascript
javascript replace()正则替换实现代码
Feb 26 Javascript
在浏览器窗口上添加遮罩层的方法
Nov 12 Javascript
DOM操作和jQuery实现选项移动操作的简单实例
Jun 07 Javascript
深入分析javascript中的错误处理机制
Jul 17 Javascript
VUE开发一个图片轮播的组件示例代码
Mar 06 Javascript
JS正则替换去空格的方法
Mar 24 Javascript
前端把html表格生成为excel表格的实例
Sep 19 Javascript
Node.js笔记之process模块解读
May 31 Javascript
详解js的视频和音频采集
Aug 09 Javascript
在iFrame子页面里实现模态框的方法
Aug 17 Javascript
vue 监听屏幕高度的实例
Sep 05 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 危险函数全解析
2009/09/09 PHP
AJAX的使用方法详解
2017/04/29 PHP
javascript中的关于类型转换的性能优化
2010/12/14 Javascript
JS命名空间的另一种实现
2013/08/09 Javascript
JS将表单导出成EXCEL的实例代码
2013/11/11 Javascript
Web表单提交之disabled问题js解决方法
2015/01/13 Javascript
jQuery EasyUi实战教程之布局篇
2016/01/26 Javascript
vue2.0实现导航菜单切换效果
2017/05/08 Javascript
JS利用正则表达式实现简单的密码强弱判断实例
2017/06/16 Javascript
详谈表单重复提交的三种情况及解决方法
2017/08/16 Javascript
微信小程序如何实现五星评价功能
2019/10/15 Javascript
原生js实现ajax请求和JSONP跨域请求操作示例
2020/03/14 Javascript
微信小程序开发数据缓存基础知识辨析及运用实例详解
2020/11/06 Javascript
[34:44]Liquid vs TNC Supermajor 胜者组 BO3 第二场 6.4
2018/06/05 DOTA
用C++封装MySQL的API的教程
2015/05/06 Python
Python的Twisted框架上手前所必须了解的异步编程思想
2016/05/25 Python
实现python版本的按任意键继续/退出
2016/09/26 Python
python访问抓取网页常用命令总结
2017/04/11 Python
安装Python和pygame及相应的环境变量配置(图文教程)
2017/06/04 Python
python之pandas用法大全
2018/03/13 Python
python生成不重复随机数和对list乱序的解决方法
2018/04/09 Python
Python实现账号密码输错三次即锁定功能简单示例
2019/03/29 Python
python制作图片缩略图
2019/04/30 Python
python 批量添加的button 使用同一点击事件的方法
2019/07/17 Python
python 画条形图(柱状图)实例
2020/04/24 Python
猫途鹰:全球领先的旅游点评社区
2017/04/07 全球购物
意大利制造的西装、衬衫和针对男士量身定制的服装:Lanieri
2018/04/08 全球购物
自我评价正确写法范文
2013/12/10 职场文书
金融行业职业生涯规划范文
2014/01/17 职场文书
大学生学习计划书
2014/09/15 职场文书
带刀到教室的检讨书
2014/10/04 职场文书
老舍《猫》教学反思
2016/02/17 职场文书
个人销售励志奋斗口号
2019/12/05 职场文书
解决python绘图使用subplots出现标题重叠的问题
2021/04/30 Python
MySQL获取所有分类的前N条记录
2021/05/07 MySQL
Spring事务管理下synchronized锁失效问题的解决方法
2022/03/31 Java/Android