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 相关文章推荐
让iframe子窗体取父窗体地址栏参数(querystring)
Oct 13 Javascript
javascript getElementsByClassName实现代码
Oct 11 Javascript
多次注册事件会导致一个事件被触发多次的解决方法
Aug 12 Javascript
javascript 控制input只允许输入的各种指定内容
Jun 19 Javascript
JavaScript window.location对象
Nov 14 Javascript
浅谈JavaScript正则表达式分组匹配
Apr 10 Javascript
js实现表单检测及表单提示的方法
Aug 14 Javascript
使用JavaScript脚本判断页面是否在微信中被打开
Mar 06 Javascript
基于jQuery实现的幻灯图片切换
Dec 02 Javascript
在js中做数字字符串补0(js补零)
Mar 25 Javascript
Vuex之理解Getters的用法实例
Apr 19 Javascript
JavaScript实现点击图片换背景
Nov 20 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过滤html标记属性类用法实例
2014/09/23 PHP
php采集内容中带有图片地址的远程图片并保存的方法
2015/01/03 PHP
php解决约瑟夫环算法实例分析
2019/09/30 PHP
激活 ActiveX 控件
2006/10/09 Javascript
jquery图片放大镜功能的实例代码
2013/03/26 Javascript
jQuery删除节点的三个方法即remove()detach()和empty()
2013/12/27 Javascript
js触发select onchange事件的小技巧
2014/08/05 Javascript
ES6概念 ymbol.for()方法
2016/12/25 Javascript
微信小程序 PHP后端form表单提交实例详解
2017/01/12 Javascript
JS处理一些简单计算题
2018/02/24 Javascript
nodejs基础之多进程实例详解
2018/12/27 NodeJs
Node.js动手撸一个静态资源服务器的方法
2019/03/09 Javascript
微信小程序封装自定义弹窗的实现代码
2019/05/08 Javascript
配置node服务器并且链接微信公众号接口配置步骤详解
2019/06/21 Javascript
微信小程序 自定义复选框实现代码实例
2019/09/04 Javascript
ES6的异步操作之promise用法和async函数的具体使用
2019/12/06 Javascript
Python获取某一天是星期几的方法示例
2017/01/17 Python
详解python 注释、变量、类型
2018/08/10 Python
Python2与Python3的区别实例总结
2019/04/17 Python
python openCV获取人脸部分并存储功能
2019/08/28 Python
keras自动编码器实现系列之卷积自动编码器操作
2020/07/03 Python
Python可以用来做什么
2020/11/23 Python
关于多种方式完美解决Python pip命令下载第三方库的问题
2020/12/21 Python
海淘零差价,宝贝全球购: 宝贝格子
2016/08/24 全球购物
时尚设计师手表:The Watch Cabin
2018/10/06 全球购物
有abstract方法的类一定要用abstract修饰吗
2016/03/14 面试题
最受欢迎的自我评价
2013/12/22 职场文书
物流合作计划书
2014/01/10 职场文书
实习生求职自荐信
2014/02/07 职场文书
安全协议书范本
2014/04/21 职场文书
毕业论文评语大全
2014/04/29 职场文书
世界环境日活动总结
2015/02/11 职场文书
2016大学生暑期三下乡心得体会
2016/01/23 职场文书
有关花店创业的计划书模板
2019/08/27 职场文书
MySQL系列之六 用户与授权
2021/07/02 MySQL
基于HTML十秒做出淘宝页面
2021/10/24 HTML / CSS