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

最近才开始学习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">中怎设置那个按钮的样式

最新文章

热门文章