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 相关文章推荐
Javascript 类、命名空间、代码组织代码
Jul 31 Javascript
jquery动态加载图片数据练习代码
Aug 04 Javascript
JS跨域总结
Aug 30 Javascript
基于iframe实现类似于ajax的页面无刷新
May 31 Javascript
基于jQuery通过jQuery.form.js插件使用ajax提交form表单
Aug 17 Javascript
input file上传 图片预览功能实例代码
Oct 25 Javascript
Angular的MVC和作用域
Dec 26 Javascript
React中上传图片到七牛的示例代码
Oct 10 Javascript
微信小程序中button去除默认的边框实例代码
Aug 01 Javascript
浅谈layer弹出层按钮颜色修改方法
Sep 11 Javascript
JS实现transform实现扇子效果
Jan 17 Javascript
JS实现单张或多张图片持续无缝滚动的示例代码
May 10 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面向对象全攻略 (七) 继承性
2009/09/30 PHP
php使用正则过滤js脚本代码实例
2014/05/10 PHP
php截取视频指定帧为图片
2016/05/16 PHP
PHP实现用session来实现记录用户登陆信息
2018/10/15 PHP
PHP实现微信提现(企业付款到零钱)
2019/08/01 PHP
PHP编程一定要改掉的5个不良习惯
2020/09/18 PHP
nodejs中操作mysql数据库示例
2014/12/20 NodeJs
PHP+jQuery+Ajax+Mysql如何实现发表心情功能
2015/08/06 Javascript
jquery实现的Banner广告收缩效果代码
2015/09/02 Javascript
功能强大的Bootstrap组件(结合js)
2016/08/03 Javascript
使用JSON作为函数的参数的优缺点
2016/10/27 Javascript
使用 Node.js 对文本内容分词和关键词抽取
2017/05/27 Javascript
vue2.0 兄弟组件(平级)通讯的实现代码
2018/01/15 Javascript
vue watch监听对象及对应值的变化详解
2018/02/24 Javascript
Vue CLI3搭建的项目中路径相关问题的解决
2018/09/17 Javascript
JS中的算法与数据结构之链表(Linked-list)实例详解
2019/08/20 Javascript
layui实现tab的添加拒绝重复的方法
2019/09/04 Javascript
简单了解JS打开url的方法
2020/02/21 Javascript
Django中url的反向查询的方法
2018/03/14 Python
python学习笔记--将python源文件打包成exe文件(pyinstaller)
2018/05/26 Python
Python openpyxl读取单元格字体颜色过程解析
2019/09/03 Python
python 使用while循环输出*组成的菱形实例
2020/04/12 Python
解决阿里云邮件发送不能使用25端口问题
2020/08/07 Python
python 如何用urllib与服务端交互(发送和接收数据)
2021/03/04 Python
非凡女性奢华谦虚风格:The Modist
2017/10/28 全球购物
Hanky Panky官方网站:内衣和睡衣
2019/07/25 全球购物
Quiksilver美国官网:始于1969年的优质冲浪服和滑雪板外套
2020/04/20 全球购物
会计专业应届生自荐信
2014/02/07 职场文书
美术教师自我鉴定
2014/02/12 职场文书
网管求职信
2014/03/03 职场文书
保护环境演讲稿
2014/05/10 职场文书
中国在我心中演讲稿
2014/09/13 职场文书
依法行政工作汇报材料
2014/10/28 职场文书
同事离别感言
2015/08/04 职场文书
PHP 技巧 * SVG 保存为图片(分享图生成)
2021/04/02 PHP
SQL使用复合索引实现数据库查询的优化
2022/05/25 SQL Server