HTML的file显示优化处理
2015-11-16 13:49
453 查看
<style type="text/css"> input{ vertical-align:middle; margin:0; padding:0} .file-box{ position:relative;width:540px} .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:168px; height:24px; filter:alpha(opacity:0);opacity: 0;width:260px } </style>
<div class="file-box">
<input type='button' class='btn' value='浏览...' />
<input type="file" name="fileField" class="file" id="fileField" size="28" onchange="document.getElementById('textfield').value=this.value" />
<input type='text' name='textfield' id='textfield' class='txt' />
<input type="button" class="btn" value="上传" onclick="send();"/>
</div>
相关文章推荐
- 两个html页面互相传值
- wap(html)知识点整理(持续更新)
- Uncaught TypeError: Cannot set property 'innerHTML' of null
- html form表单提交数据并后台获取
- HTML设计模式学习笔记
- 【知识】【HTML基础知识】修改checkbox-----增加相关协议
- HTML文件中文乱码问题
- html开发日记-form button
- html文字两端对齐
- HTML fieldset标签
- HTML原则指南
- xmp标签显示原本html元素
- html 网页文本设计
- XHTML只是规范了的HTML,只需5大注意点
- html中<a>标签中锚点的用法
- HTML 获取控件的值
- HTML DOM 介绍
- 代码验证浏览器是否支持html audio 和video
- html中ul元素水平排列问题
- html中ul元素水平排列问题