Rumah  >  Artikel  >  hujung hadapan web  >  把文件上传按钮修改成自己喜欢的样式

把文件上传按钮修改成自己喜欢的样式

一个新手
一个新手asal
2017-09-07 13:52:511977semak imbas

1.在模态框里写文件的上传
2.修改input为file的样式
  默认是“选择文件”,直接在后面显示文件的名字
  解决:修改样式
  方法如下:

  <form action="http://localhost:8080/GD/UploadAction_execute.action" method="post" enctype="multipart/form-data" name="uploadfile">
  <input type="file" name="my" id="file" value="浏览" style="display: none;"                      
   onchange="document.uploadfile.filePath.value=this.value"/>
  <input type="text" name="filePath" id="filePath"/>
  <input type="button" value="浏览..." onclick="document.uploadfile.my.click()"/><br>
  <input type="submit" value="上传" id="shangchuan">
  </form>


Atas ialah kandungan terperinci 把文件上传按钮修改成自己喜欢的样式. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn