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 相关文章推荐
跨浏览器开发经验总结(三)   警惕“IE依赖综合症”
May 13 Javascript
基于Jquery的开发个代阴影的对话框效果代码
Jul 28 Javascript
解析使用JS 清空File控件的路径值
Jul 08 Javascript
jQuery动画效果-slideUp slideDown上下滑动示例代码
Aug 28 Javascript
对Js OOP编程 创建对象的一些全面理解
Jul 26 Javascript
为JQuery EasyUI 表单组件增加焦点切换功能的方法
Apr 13 jQuery
vue.js iview打包上线后字体图标不显示解决办法
Jan 20 Javascript
JS实现可控制的进度条
Mar 25 Javascript
JS实现简单移动端鼠标拖拽
Jul 23 Javascript
解决Antd Table组件表头不对齐的问题
Oct 27 Javascript
Vant picker 多级联动操作
Nov 02 Javascript
jquery实现广告上下滚动效果
Mar 04 jQuery
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 将逗号、空格、回车分隔的字符串转换为数组的函数
2012/06/07 PHP
eAccelerator的安装与使用详解
2013/06/13 PHP
PHP+javascript制作带提示的验证码源码分享
2014/05/28 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十五)
2014/06/30 PHP
ThinkPHP查询语句与关联查询用法实例
2014/11/01 PHP
深入解析PHP中foreach语句控制数组循环的用法
2015/11/30 PHP
浅谈PHP实现大流量下抢购方案
2017/12/15 PHP
PHP如何获取Cookie并实现模拟登录
2020/07/16 PHP
js获取div高度的代码
2008/08/09 Javascript
用js实现的检测浏览器和系统的函数
2009/04/09 Javascript
7个Javascript地图脚本整理
2009/10/20 Javascript
jquery插件jquery倒计时插件分享
2013/12/27 Javascript
jQuery使用height()获取高度需要注意的地方
2014/12/13 Javascript
基于jQuery实现网页打印功能
2015/12/01 Javascript
javascript设计模式之module(模块)模式
2016/08/19 Javascript
jQuery validate插件功能与用法详解
2016/12/15 Javascript
jquery实现页面加载效果
2017/02/21 Javascript
Python实现的特征提取操作示例
2018/12/03 Python
python 根据网易云歌曲的ID 直接下载歌曲的实例
2019/08/24 Python
Python selenium页面加载慢超时的解决方案
2020/03/18 Python
如何把python项目部署到linux服务器
2020/08/26 Python
Debenhams百货英国官方网站:Debenhams UK
2016/07/12 全球购物
美国知名珠宝首饰品牌:Gemvara
2017/10/06 全球购物
Omio中国:全欧洲低价大巴、火车和航班搜索和比价
2018/08/09 全球购物
护士个人简历自荐信
2013/10/18 职场文书
电话销售经理岗位职责
2013/12/07 职场文书
劳资专员岗位职责
2013/12/27 职场文书
捐书寄语赠言
2014/01/18 职场文书
合作意向书范本
2014/03/31 职场文书
生物技术专业求职信
2014/06/10 职场文书
出差报告格式模板
2014/11/06 职场文书
二审代理词范文
2015/05/25 职场文书
2016习总书记系列重要讲话心得体会
2016/01/15 职场文书
怎样写工作总结啊!
2019/06/18 职场文书
vue @click.native 绑定原生点击事件
2022/04/22 Vue.js
Mysql中mvcc各场景理解应用
2022/08/05 MySQL