修改 input file 的按钮值

最新推荐文章于 2023-12-26 16:34:18 发布

iteye_4463

最新推荐文章于 2023-12-26 16:34:18 发布

阅读量518

点赞数

CC 4.0 BY-SA版权

分类专栏： java 学习

本文链接：https://blog.youkuaiyun.com/iteye_4463/article/details/82101764

java 学习专栏收录该内容

4 篇文章

订阅专栏

本文介绍了两种在网页中隐藏文件上传输入框的方法。第一种利用HTML标签特性结合CSS实现，第二种通过设置CSS属性使文件输入框透明并配合按钮达到隐藏效果。这两种方法有助于改善用户体验，同时保持页面美观。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[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="导入外部手机号码" />