首页 > 其他 > 详细

<input type="file">中怎设置那个按钮的样式

时间:2016-03-20 00:34:53      阅读:229      评论:0      收藏:0      [点我收藏+]

     最近才开始学习HTML,在练习表单的过程中,发现在使用<input type="file"/>这个类型的元素,产生的文件框和浏览按扭,它们的样式往往不符合我们的需要。怎么改变呢,我上网搜索了一些方法,说的是设置将file隐藏,然后用一个按钮覆盖就可以了,我总结了一下之后,具体方法如下:

   1、放一个text类型的文本框。
   2、放一个button类型的按扭。
   3、放一个file类型。
   4、调整button和file的样式,目标:将file隐藏,使其位置和button位置重叠。
   5、当上传框file的值有所改变时通过onchange事件句柄执行text.value=this.value,即保持真正的上传框与模拟的上传框的值同步更新。

    具体的代码如下:

<input type="text" name="txt">
<input type="file" name="fil" style="display: none" onchange="txt.value=this.value">
<button onclick="fil.click()">浏览...</button>
就这样轻松解决了

<input type="file">中怎设置那个按钮的样式

原文:http://www.cnblogs.com/pengwanxing/p/5296595.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!