input标签file默认字符串如何修改

input标签file默认字符串如何修改

http://img1.sycdn.imooc.com//climg/5b6ff69a0001b91109440194.jpg

我想把上图箭头标记的字符修改成课件要求的“选择文件”样式,我试了input标签file后面加value值,并不能修改默认字符样式,请问有没有办法做到。谢谢老师

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
卡布琦诺 2018-08-13 10:00:48

关于input file 修改按钮文字的解决方案如下:

1、页面上放个隐藏的<input type=“file” />
2、然后加上一个文本input(type="text")和一个按钮input(type="button")
3、点按钮的时候调用<input type=file />的click选择文件
4、在<input type=file />的onchange事件中把其值显示在文本input中
5、注意把文本input设置成只读的,防止出错

譬如:

http://img1.sycdn.imooc.com//climg/5b70e6450001857215620235.jpg

希望可以帮到你!


  • 提问者 程序累人猿 #1
    大概能理解了。思路就是把file隐藏,用文本和按钮通过代码连接到file,是这个意思吧?就是您的代码里面没有input type text 这个就弄不懂了!希望您解答一下!
    2018-08-13 12:14:26
  • 卡布琦诺 回复 提问者 程序累人猿 #2
    这里面的<input type="path" readonly>相当于是<input type="text">,因为要将按钮和文本框关联,所以这里要写<input type="path" readonly>。再结合整体代码理解一下哦~
    2018-08-13 12:21:03
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师