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对象的构造和继承实现代码
Dec 05 Javascript
JavaScript点击按钮后弹出透明浮动层的方法
May 11 Javascript
快速掌握Node.js模块封装及使用
Mar 21 Javascript
video.js使用改变ui过程
Mar 05 Javascript
input type=file 选择图片并且实现预览效果的实例
Oct 26 Javascript
Vue 实现手动刷新组件的方法
Feb 19 Javascript
vue-cli3项目展示本地Markdown文件的方法
Jun 07 Javascript
js获取对象,数组所有属性键值(key)和对应值(value)的方法示例
Jun 19 Javascript
微信小程序实现收货地址左滑删除
Nov 18 Javascript
vue 开发之路由配置方法详解
Dec 02 Javascript
vue父子组件间引用之$parent、$children
May 20 Javascript
JS定时器如何实现提交成功提示功能
Jun 12 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中对2个数组相加的函数
2011/06/24 PHP
PHP基础之运算符的使用方法
2013/04/28 PHP
Thinkphp将二维数组变为标签适用的一维数组方法总结
2014/10/30 PHP
Laravel5.7框架安装与使用学习笔记图文详解
2019/04/02 PHP
Thinkphp框架使用list_to_tree 实现无限级分类列出所有节点示例
2020/04/04 PHP
改变文件域的样式实现思路同时兼容ie、firefox
2013/10/23 Javascript
js如何判断不同系统的浏览器类型
2013/10/28 Javascript
js操纵dom生成下拉列表框的方法
2014/02/24 Javascript
js图片实时加载提供网页打开速度
2014/09/11 Javascript
node.js中的require使用详解
2014/12/15 Javascript
在HTML中插入JavaScript代码的示例
2015/06/03 Javascript
基于javascript实现精确到毫秒的倒计时限时抢购
2016/04/17 Javascript
微信开发 使用picker封装省市区三级联动模板
2016/10/28 Javascript
BootStrap轮播HTML代码(推荐)
2016/12/10 Javascript
jquery实现轮播图效果
2017/02/13 Javascript
解决在vue项目中,发版之后,背景图片报错,路径不对的问题
2018/03/06 Javascript
浅谈Vue 数据响应式原理
2018/05/07 Javascript
JS合并两个数组的3种方法详解
2019/10/24 Javascript
JS sort排序详细使用方法示例解析
2020/09/27 Javascript
Python使用turtule画五角星的方法
2015/07/09 Python
浅谈python新手中常见的疑惑及解答
2016/06/14 Python
实例讲解python中的协程
2018/10/08 Python
python如何制作英文字典
2019/06/25 Python
简单了解python高阶函数map/reduce
2019/06/28 Python
如何基于python实现不邻接植花
2020/05/01 Python
英国领先的狗和宠物美容专家:Christies Direct
2017/04/03 全球购物
Topshop法国官网:英国快速时尚品牌
2018/04/08 全球购物
西班牙手机之家:Phone House
2018/10/18 全球购物
受欢迎的大学生自我评价
2013/12/05 职场文书
2014年商场超市庆元旦活动方案
2014/02/14 职场文书
驾驶员安全责任书
2014/07/22 职场文书
三严三实对照检查材料范文
2014/09/23 职场文书
2015年大学元旦晚会活动策划书
2014/12/09 职场文书
吴仁宝观后感
2015/06/09 职场文书
简单介绍 http请求响应参数、无连接无状态、MIME、状态码、端口、telnet、curl
2021/03/31 HTML / CSS
WIN10使用IIS部署ftp服务器详细教程
2022/08/05 Servers