1、页面上放个隐藏的
2、然后加上一个文本input(type=”text”)和一个按钮input(type=”button”)
3、点按钮的时候调用
的click选择文件
4、在
的onchange事件中把其值显示在文本input中
5、注意把文本input设置成只读的,防止出错
例1:
例2:
input {
border: 1px solid green;
}
div {
width: 300px;
position: relative;
}
p {
float: left
}
.file {
position: absolute;
top: 20px;
right: 300px; +
top: 0; +
right: 73px;
width: 0px;
height: 20px;
filter: alpha(opacity = 0);
-moz-opacity: 0;
opacity: 0;
}
#txt {
height: 20px;
margin: 1px
}
#ii {
width: 70px;
height: 20px;
margin-top: 2px;
border: none;
}
src="uploads/200702/05_125319_index_search_02.gif" value="选择" />