input file 修改按钮名称

最新推荐文章于 2023-12-26 16:34:18 发布

master_yao

最新推荐文章于 2023-12-26 16:34:18 发布

阅读量1.2w

点赞数

分类专栏： html 文章标签： input file 修改按钮名称

本文链接：https://blog.csdn.net/master_yao/article/details/50751659

版权

html 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

 
      <input type= 
      "file"  
      id= 
      "inputFile"  
      name= 
      "inputFile"  
      style= 
      "display:none"  
      onchange= 
      "changeAgentContent()"  
      /> 
     
 
      <input type= 
      "text"  
      value= 
      ""  
      disabled id= 
      "inputFileAgent"  
      /> 
     
 
      <input type= 
      "button"  
      onclick= 
      "document.getElementById('inputFile').click()"  
      value= 
      "Browse..."  
      /> 
     
 
      <script type= 
      "text/javascript" 
      > 
     
 
           
      function  
      changeAgentContent(){ 
     
 
               
      document.getElementById( 
      "inputFileAgent" 
      ).value = document.getElementById( 
      "inputFile" 
      ).value; 
     
 
           
      } 
     
 
      </script> 
     