[问题随记]-如何修改网页中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类型,上传文件的控件,就可以上传文件

相关推荐
哎呦你好1 小时前
HTML 颜色全解析:从命名规则到 RGBA/HSL 值,附透明度设置与场景应用指南
前端·css·html
沐土Arvin5 小时前
深入理解 requestIdleCallback:浏览器空闲时段的性能优化利器
开发语言·前端·javascript·设计模式·html
双叶8369 小时前
(C语言)超市管理系统 (正式版)(指针)(数据结构)(清屏操作)(文件读写)(网页版预告)(html)(js)(json)
c语言·javascript·数据结构·html·json
码农黛兮_4613 小时前
4. 文字效果/2D-3D转换 - 3D翻转卡片
3d·html·css3
小嘟嚷ovo17 小时前
h5,原生html,echarts关系网实现
前端·html·echarts
Alice-YUE21 小时前
【HTML5学习笔记1】html标签(上)
前端·笔记·学习·html·html5
Alice-YUE21 小时前
【HTML5学习笔记2】html标签(下)
前端·笔记·html·html5
砌玉成璧1 天前
Flask+HTML+Jquery 文件上传下载
flask·html·jquery
GISer_Jing1 天前
前端图形渲染 html+css、canvas、svg和webgl绘制详解,各个应用场景及其区别
前端·html·图形渲染
零凌林1 天前
使用exceljs将excel文件转化为html预览最佳实践(完整源码)
前端·html·excel·vue3·最佳实践·文件预览·exceljs