自定义file文件样式
来源:互联网 发布:activex控件编程 编辑:程序博客网 时间:2024/05/02 01:01
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>定义input type="file" 的样式</title>
- <style type="text/css">
- .file-box{ position:relative;width:340px}
- .txt{ height:22px; border:1px solid #cdcdcd; width:180px;}
- .btn{ background-color:#FFF; border:1px solid #CDCDCD;height:24px; width:70px;}
- .file{ position:absolute; top:0; right:80px; height:24px; filter:alpha(opacity:0);opacity: 0;width:260px }
- </style>
- <script>
- function tt(){
- var fileField=document.getElementById('fileField').value;
- var files=fileField.split("\\");
- document.getElementById('textfield').value=files[files.length-1];
- }
- </script>
- </head>
- <body>
- <div class="file-box">
- <form action="" method="post" enctype="multipart/form-data">
- <input type='text' name='textfield' id='textfield' class='txt' />
- <input type='button' class='btn' value='浏览...' />
- <input type="file" name="fileField" class="file" id="fileField" size="28" onchange="tt()" />
- </form>
- </div>
- </body>
- </html>
0 0
- 自定义file文件样式
- 自定义文件上传file样式
- html文件上传控件file自定义样式
- 自定义input[file](文件上传控件)样式-兼容IE6
- 自定义 input type="file" 文件上传样式
- android 自定义样式文件
- 文件上传自定义样式
- 自定义file类型input的样式
- html自定义input type='file'样式
- 变相自定义input标签file类型样式
- 自定义 <input type="file" /> 样式
- input file类型自定义样式-按钮
- 自定义 input type=file样式
- 自定义input[type=”file”]的样式
- 自定义上传文件的样式
- 自定义文件上传控件样式
- 自定义文件上传按钮样式
- 自定义 文件上传按钮样式
- https原理:证书传递、验证和数据加密、解密过程解析
- 连接被拒绝 因为没有授权此用户账户进行远程登录
- 2014-项目二-分数类的雏形
- 《魔兽世界插件》教程---21点扑克游戏 Blackjack
- IOS 7 Xcode 5 免IDP证书 真机调试 【修改自无心圆的博客】
- 自定义file文件样式
- 同一页面无法多次使用XmlHttp发起Ajax请求的真实原因
- findbugs作为Eclipse插件使用
- 并发和竞态(1)
- jquery之分页插件smartpaginator
- sp_executesql介绍和使用
- 父层与子层的 position 属性在不同组合下的情况
- 那些年,我们读过的python!
- 内存-寄存器-CPU