[问题随记]-如何修改网页中input type=file按钮名字

在使用HTML编辑网页的时候经常会出现如下问题,使用<input type=file>的类型控件上传文件按钮的时候,无法对按钮的名字进行修改,如下为解决方案

html 复制代码
<input type=file name=BseleFile style="display:none" onchange="iTest.value=this.value">
<input type="text" name="iTest" id="iTest" readonly="true">
<input type="button" value="browser" onclick="BseleFile_2.click()">

第一条:定义一个input,类型为file,可以进行文件的上传,把它进行隐藏,当他改变的时候,会把它的值读取到iTest这个text类型的控件中

第二条:定义一个text类型空间,主要是用来显示文件的名称以及路径在网页上,当上传了文件后

第三条:主要就是用来代替input type=file,按下这个按钮之后,就相当于按下file类型,上传文件的控件,就可以上传文件

相关推荐
灵犀学长3 小时前
解锁HTML5页面生命周期API:前端开发的新视角
前端·html·html5
兴趣使然_13 小时前
【笔记】使用 html 创建网址快捷方式
笔记·html·js
Zachery Pole18 小时前
BootStrap
前端·bootstrap·html
淮北49420 小时前
最简单的实验室资产管理系统,使用Flask,mysql,html(四、知识补充)
mysql·flask·html
多啦C梦a20 小时前
【前端必修】闭包、`this`、`箭头函数`、`bind`、节流,一篇文章全懂!
前端·javascript·html
Canaan28520 小时前
前端开发-标签
html
爱编程的喵1 天前
深入理解JavaScript节流函数:从原理到实战应用
前端·javascript·html
web守墓人1 天前
【前端】ikun-markdown: 纯js实现markdown到富文本html的转换库
前端·javascript·html
国家不保护废物2 天前
多模态模型数据传输的秘密武器:html5对象Blob深度解析
前端·面试·html
学长学姐我该怎么办2 天前
从零开始学前端html篇2
前端·html