[问题随记]-如何修改网页中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 小时前
【前端小站】CSS 样式美学:从基础语法到界面精筑的实战宝典
前端·css·html
_OP_CHEN3 小时前
【前端开发之CSS】(一)初识 CSS:网页化妆术的终极指南,新手也能轻松拿捏页面美化!
前端·css·html·网页开发·样式表·界面美化
web打印社区8 小时前
web-print-pdf:突破浏览器限制,实现专业级Web静默打印
前端·javascript·vue.js·electron·html
顾西爵霞12 小时前
个人学习主页搭建指南:从毛坯房到精装户型
学习·html
tao35566715 小时前
【用AI学前端】HTML-01-HTML 基础框架
前端·html
Kratzdisteln16 小时前
【MCM】mermaid
前端·javascript·html
肖。354878709416 小时前
html选择页最简模板源码,用于集合很多网页!游戏大全数字导航页面,数字选择页制作灵感,已经压缩到最小,现代,讲解。
android·java·javascript·css·html
共享家95271 天前
搭建 AI 聊天机器人:”我的人生我做主“
前端·javascript·css·python·pycharm·html·状态模式
web打印社区1 天前
vue页面打印:printjs实现与进阶方案推荐
前端·javascript·vue.js·electron·html
放飞自我的Coder2 天前
【Mermaid本地实时渲染 单html本地直接运行】
html·mermaid