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 相关文章推荐
Js-$.extend扩展方法使方法参数更灵活
Jan 15 Javascript
js判断客户端是iOS还是Android等移动终端的方法
Dec 11 Javascript
利用jQuery及AJAX技术定时更新GridView的某一列数据
Dec 04 Javascript
小心!AngularJS结合RequireJS做文件合并压缩的那些坑
Jan 09 Javascript
基于Javascript实现倒计时功能
Feb 22 Javascript
再谈Javascript中的基本类型和引用类型(推荐)
Jul 01 Javascript
Angular.JS中的指令引用template与指令当做属性详解
Mar 30 Javascript
vue项目打包后打开页面空白解决办法
Jun 29 Javascript
AngularJS使用$http配置对象方式与服务端交互方法
Aug 13 Javascript
微信小程序页面传多个参数跳转页面的实现方法
May 17 Javascript
Vue中避免滥用this去读取data中数据
Mar 02 Vue.js
微信小程序input抖动问题的修复方法
Mar 03 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中文字母数字验证码实现代码
2008/04/25 PHP
PHP校验15位和18位身份证号的类封装
2018/11/07 PHP
如何在Laravel5.8中正确地应用Repository设计模式
2019/11/26 PHP
thinkphp框架表单数组实现图片批量上传功能示例
2020/04/04 PHP
在页面上点击任一链接时触发一个事件的代码
2007/04/07 Javascript
经常用到的JavasScript事件的翻译
2007/04/09 Javascript
javascript调试说明
2010/06/07 Javascript
Tips 带三角可关闭的文字提示
2010/10/06 Javascript
javascript如何创建表格(javascript绘制表格的二种方法)
2013/12/10 Javascript
用原生JS获取CLASS对象(很简单实用)
2014/10/15 Javascript
微信小程序 Audio API详解及实例代码
2016/09/30 Javascript
JavaScript中splice与slice的区别
2017/05/09 Javascript
webpack教程之webpack.config.js配置文件
2017/07/05 Javascript
基于jQuery对象和DOM对象和字符串之间的转化实例
2017/08/08 jQuery
webpack处理 css\less\sass 样式的方法
2017/08/21 Javascript
React和Vue中监听变量变化的方法
2018/11/14 Javascript
vue中img src 动态加载本地json的图片路径写法
2019/04/25 Javascript
jQuery实现回到顶部效果
2020/10/19 jQuery
Python 字符串定义
2009/09/25 Python
python脚本监控docker容器
2016/04/27 Python
Python实现SMTP发送邮件详细教程
2021/03/02 Python
Python编程判断这天是这一年第几天的方法示例
2017/04/18 Python
Windows下PyCharm安装图文教程
2018/08/27 Python
解决TensorFlow GPU版出现OOM错误的问题
2020/02/03 Python
Django正则URL匹配实现流程解析
2020/11/13 Python
pytorch下的unsqueeze和squeeze的用法说明
2021/02/06 Python
美国领先的户外服装与装备用品店:Moosejaw
2016/08/25 全球购物
新西兰最大、占有率最高的综合性药房:PharmacyDirect药房中文网
2020/11/03 全球购物
Oracle中delete,truncate和drop的区别
2016/05/05 面试题
什么是Connection-oriented Protocol/Connectionless Protocol面向连接的协议/无连接协议
2012/09/06 面试题
大学毕业登记表自我鉴定
2013/10/09 职场文书
学校开学标语
2014/10/06 职场文书
2014年社区卫生工作总结
2014/12/18 职场文书
2016入党积极分子党校培训心得体会
2016/01/06 职场文书
golang操作redis的客户端包有多个比如redigo、go-redis
2022/04/14 Golang
Linux中如何安装并部署Redis
2022/04/18 Servers