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实现trim()的解决办法
Apr 16 Javascript
javascript实现简单的Map示例介绍
Dec 23 Javascript
Knockout自定义绑定创建方法
Dec 26 Javascript
javascript内存分配原理实例分析
Apr 10 Javascript
关于Ajax的原理以及代码封装详解
Sep 08 Javascript
Vue监听事件实现计数点击依次增加的方法
Sep 26 Javascript
写gulp遇到的ES6问题详解
Dec 03 Javascript
Vue + Elementui实现多标签页共存的方法
Jun 12 Javascript
JavaScript位置参数实现原理及过程解析
Sep 14 Javascript
vue的hash值原理也是table切换实例代码
Dec 14 Vue.js
vue实现拖拽交换位置
Apr 07 Vue.js
vue中data里面的数据相互使用方式
Jun 05 Vue.js
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配置参数总结
2013/06/14 PHP
详解使用php调用微信接口上传永久素材
2017/04/11 PHP
PHP框架Laravel中实现supervisor执行异步进程的方法
2017/06/07 PHP
如何在Laravel5.8中正确地应用Repository设计模式
2019/11/26 PHP
在js中单选框和复选框获取值的方式
2009/11/06 Javascript
基于jQuery的message插件实现右下角弹出消息框
2011/01/11 Javascript
javascript数组去重方法汇总
2015/04/23 Javascript
jQuery右下角旋转环状菜单特效代码
2015/08/10 Javascript
Bootstrap的图片轮播示例代码
2015/08/31 Javascript
jQuery+CSS3实现3D立方体旋转效果
2015/11/10 Javascript
如何用JavaScript实现动态修改CSS样式表
2016/05/20 Javascript
省市区三级联动jquery实现代码
2020/04/15 Javascript
Bootstrap php制作动态分页标签
2016/12/23 Javascript
JS实现动态给标签控件添加事件的方法示例
2017/05/13 Javascript
VUE实现一个分页组件的示例
2017/09/13 Javascript
Vuejs中使用markdown服务器端渲染的示例
2017/11/22 Javascript
深入探讨JavaScript的最基本部分之执行上下文
2019/02/12 Javascript
Nuxt使用Vuex的方法示例
2019/09/06 Javascript
js 使用ajax设置和获取自定义header信息的方法小结
2020/03/12 Javascript
Python处理文本文件中控制字符的方法
2017/02/07 Python
使用paramiko远程执行命令、下发文件的实例
2017/10/01 Python
Python实现的拟合二元一次函数功能示例【基于scipy模块】
2018/05/15 Python
想学python 这5本书籍你必看!
2018/12/11 Python
django从后台返回html代码的实例
2020/03/11 Python
Python多分支if语句的使用
2020/09/03 Python
python 实现ping测试延迟的两种方法
2020/12/10 Python
详解CSS3 Media Queries中媒体属性的使用
2016/02/29 HTML / CSS
英国在线潜水商店:Simply Scuba
2019/03/25 全球购物
副总经理工作职责
2013/11/28 职场文书
人力资源专员岗位职责
2014/01/30 职场文书
酒店中秋节活动方案
2014/01/31 职场文书
节约电力资源的建议书
2014/03/12 职场文书
市场营销计划书范文
2015/01/16 职场文书
Centos环境下Postgresql 安装配置及环境变量配置技巧
2021/05/18 PostgreSQL
Mysql分析设计表主键为何不用uuid
2022/03/31 MySQL
SpringBoot Http远程调用的方法
2022/08/14 Java/Android