手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

上传文件框怎么美化

时间:2024-10-15 11:07:40

1、首先是建一个input框,type设置为file,但是必须是隐藏的

上传文件框怎么美化

2、因为不隐藏就变会显示默认的样子,这样子就是有点丑

上传文件框怎么美化

3、接着再建一个input框,type设置为text就可以了,用来存放我们上传的文件路径

上传文件框怎么美化

4、然后,设置一个a标签,样式取boostrap的按钮样式

上传文件框怎么美化

5、当然,你喜欢的话,可以直接建一个按钮,将按钮浮动起来

上传文件框怎么美化

6、然后拼在一起,在js中设置,点击a标签的时候,自动执行点击type=file的input框。

上传文件框怎么美化

7、以上就是小编带给大家的介绍,希望大家可以喜欢,如果喜欢的话可以点赞哦,也可以发表自己的看法。

上传文件框怎么美化
© 手抄报圈