[b]方式一[/b]
这时候可以体现label的作用了
<label>
<input type="file" name="file" onchange=" " style="width: 0;" />
<span id="controls"><span>导入外部手机号码</span>
</span>
</label>
[b]方式二[/b]
要用到的
[b]css[/b]
<style>
.fileinput{
width:0px;
font-size:12px;
margin-left:-50px;
margin-top:-3px;
position:absolute;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}
</style>
[b]html[/b]
<input type="file" name="file" onchange="" style="width: 0;" class="fileinput"/>
<input type="button" value="导入外部手机号码" />
这时候可以体现label的作用了
<label>
<input type="file" name="file" onchange=" " style="width: 0;" />
<span id="controls"><span>导入外部手机号码</span>
</span>
</label>
[b]方式二[/b]
要用到的
[b]css[/b]
<style>
.fileinput{
width:0px;
font-size:12px;
margin-left:-50px;
margin-top:-3px;
position:absolute;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}
</style>
[b]html[/b]
<input type="file" name="file" onchange="" style="width: 0;" class="fileinput"/>
<input type="button" value="导入外部手机号码" />
本文介绍了两种在网页中隐藏文件上传输入框的方法。第一种利用HTML标签特性结合CSS实现,第二种通过设置CSS属性使文件输入框透明并配合按钮达到隐藏效果。这两种方法有助于改善用户体验,同时保持页面美观。
2617

被折叠的 条评论
为什么被折叠?



