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 相关文章推荐
统计jQuery中各字符串出现次数的工具
May 03 Javascript
JavaScript 创建运动框架的实现代码
May 08 Javascript
Javascript核心读书有感之语句
Feb 11 Javascript
JavaScript中textRange对象使用方法小结
Mar 24 Javascript
js调出上下文菜单的实例
Dec 17 Javascript
点击页面任何位置隐藏div的实现方法
Sep 05 Javascript
JavaScript登录记住密码操作(超简单代码)
Mar 22 Javascript
用 js 的 selection range 操作选择区域内容和图片
Apr 18 Javascript
node实现登录图片验证码的示例代码
Apr 20 Javascript
微信小程序实现红包功能(后端PHP实现逻辑)
Jul 11 Javascript
JavaScript ES6常用基础知识总结
Feb 09 Javascript
vue项目前端错误收集之sentry教程详解
May 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(视频)Http下载
2006/12/12 PHP
php中var_export与var_dump的区别分析
2010/08/21 PHP
php新浪微博登录接口用法实例
2014/12/23 PHP
PHP正则表达式函数preg_replace用法实例分析
2020/06/04 PHP
js chrome浏览器判断代码
2010/03/28 Javascript
Js数组的操作push,pop,shift,unshift等方法详细介绍
2012/12/28 Javascript
JS中setTimeout()的用法详解
2013/04/14 Javascript
jQuery阻止同类型事件小结
2013/04/19 Javascript
给Flash加一个超链接(推荐使用透明层)兼容主流浏览器
2013/06/09 Javascript
jQuery 复合选择器应用的几个例子
2014/09/11 Javascript
jQuery实现表单提交时判断的方法
2014/12/13 Javascript
JavaScript中的return语句简单介绍
2015/12/07 Javascript
JavaScript+html5 canvas绘制渐变区域完整实例
2016/01/26 Javascript
Vue.js绑定HTML class数组语法错误的原因分析
2016/10/19 Javascript
jQuery实现获取隐藏div高度的方法示例
2017/02/09 Javascript
浅谈js中用$(#ID)来作为选择器的问题(id重复的时候)
2017/02/14 Javascript
jQuery实现点击自身以外区域关闭弹出层功能完整示例【改进版】
2018/07/31 jQuery
JS解析后台返回的JSON格式数据实例
2018/08/06 Javascript
解决vue.js 数据渲染成功仍报错的问题
2018/08/25 Javascript
mpvue项目中使用第三方UI组件库的方法
2018/09/30 Javascript
如何制作一个Node命令行图像识别工具
2018/12/12 Javascript
在Python的Django框架中用流响应生成CSV文件的教程
2015/05/02 Python
wx.CheckBox创建复选框控件并响应鼠标点击事件
2018/04/25 Python
Django组件之cookie与session的使用方法
2019/01/10 Python
一个可以套路别人的python小程序实例代码
2019/04/09 Python
PyTorch中Tensor的维度变换实现
2019/08/18 Python
Python新手学习函数默认参数设置
2020/06/03 Python
如何向scrapy中的spider传递参数的几种方法
2020/11/18 Python
制冷与电控专业应届生求职信
2013/11/11 职场文书
孝老爱亲模范事迹
2014/01/24 职场文书
汉语言文学毕业生自荐信范文
2014/03/24 职场文书
作风建设年活动总结
2014/08/27 职场文书
乡镇遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
开展党的群众路线教育实践活动总结报告
2014/10/31 职场文书
2014年减负工作总结
2014/12/10 职场文书
赞助商致辞
2015/07/30 职场文书