改变HTML浏览文件的按钮样式

 

思路如下:

 

看看代码就明白。 其实就是把系统自带的按钮给隐藏起来,然后 自己定义一个 text文本框,和一个自定义浏览按钮.

 

当点击自定义的按钮时,调用的是 隐藏系统的浏览按钮, 然后系统的浏览图片的文本框. 有一个onchage事件, 当发生改变时,

 

就把值填写到自定义文本框中..

 

 然后,点击submit按钮提交..就能获取值；

具体代码如下:

 

<form   name=frm> 
<input   type=file   name=f   style= "display:none "   onchange= "frm.i.value=value "> 
<input   name=i   style= "border:1   solid   red "> &nbsp; <input   type=button   value=浏览   onclick= "frm.f.click() "   style= "border:1   solid   #ee66cc "> 
</form>

 

评论

1 楼 xialluyouyue 2014-09-18  

ie是禁止上传的元素通过点击一个元素来触发点击上传元素，你的方法是错误的