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

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

Sep 07, 2017 pm 01:52 PM
butang Milik

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>
Salin selepas log masuk


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

Kenyataan Laman Web ini
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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

<🎜>: Bubble Gum Simulator Infinity - Cara Mendapatkan dan Menggunakan Kekunci Diraja
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Nordhold: Sistem Fusion, dijelaskan
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Mandragora: Whispers of the Witch Tree - Cara Membuka Kunci Cangkuk Bergelut
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Tutorial Java
1669
14
Tutorial PHP
1273
29
Tutorial C#
1256
24
Bagaimana untuk membetulkan skrin putih Microsoft Teams Bagaimana untuk membetulkan skrin putih Microsoft Teams Apr 17, 2023 pm 05:07 PM

Mulakan semula Microsoft Teams Jika anda mendapat skrin kosong selepas melancarkan Teams, tempat yang baik untuk bermula ialah memulakan semula apl itu sendiri. Untuk menutup dan memulakan semula Microsoft Teams: Klik kanan ikon Pasukan dalam kawasan pemberitahuan bar tugas dan klik Keluar dari menu. Mulakan semula Microsoft Teams dari menu Mula atau pintasan desktop dan lihat jika ia berfungsi. Tutup Pasukan Microsoft daripada Pengurus Tugas Jika permulaan semula asas proses Pasukan tidak berfungsi, pergi ke Pengurus Tugas dan tamatkan tugasan. Untuk menutup Pasukan daripada Pengurus Tugas, lakukan perkara berikut

Apakah Butang Keselamatan Windows? Semua yang anda perlu tahu Apakah Butang Keselamatan Windows? Semua yang anda perlu tahu Apr 13, 2023 pm 10:22 PM

Apakah Butang Keselamatan Windows? Seperti namanya, Butang Keselamatan Windows ialah ciri keselamatan yang membolehkan anda mengakses menu log masuk dengan selamat dan log masuk ke peranti anda menggunakan kata laluan. Dalam kes ini, telefon pintar pasti berada di hadapan. Tetapi peranti mudah alih Windows, seperti tablet, telah mula menambah butang Keselamatan Windows yang lebih daripada sekadar cara untuk menghalang pengguna yang tidak diingini daripada keluar. Ia juga menyediakan pilihan menu log masuk tambahan. Walaupun jika anda cuba mencari butang Keselamatan Windows pada PC desktop atau komputer riba anda, anda mungkin kecewa. kenapa begitu? Tablet lwn. PC Butang keselamatan Windows ialah butang fizikal yang wujud pada tablet

5 Cara untuk Melumpuhkan Perkhidmatan Pengoptimuman Penghantaran dalam Windows 5 Cara untuk Melumpuhkan Perkhidmatan Pengoptimuman Penghantaran dalam Windows May 17, 2023 am 09:31 AM

Terdapat banyak sebab mengapa anda mungkin mahu melumpuhkan perkhidmatan Pengoptimuman Penghantaran pada komputer Windows anda. Walau bagaimanapun, pembaca kami mengeluh kerana tidak mengetahui langkah yang betul untuk diikuti. Panduan ini membincangkan cara untuk melumpuhkan perkhidmatan Pengoptimuman Penghantaran dalam beberapa langkah. Untuk mengetahui lebih lanjut tentang perkhidmatan, anda mungkin ingin melihat panduan Cara membuka services.msc kami untuk mendapatkan maklumat lanjut. Apakah yang dilakukan oleh Perkhidmatan Pengoptimuman Penghantaran? Perkhidmatan Pengoptimuman Penghantaran ialah pemuat turun HTTP dengan penyelesaian pengehosan awan. Ia membenarkan peranti Windows memuat turun kemas kini Windows, naik taraf, aplikasi dan fail pakej besar lain daripada sumber alternatif. Selain itu, ia membantu mengurangkan penggunaan lebar jalur dengan membenarkan berbilang peranti dalam penempatan untuk memuat turun pakej ini. Di samping itu, Windo

Bagaimana untuk memulakan semula, memaksa mulakan semula dan menutup iPad Mini 6 Bagaimana untuk memulakan semula, memaksa mulakan semula dan menutup iPad Mini 6 Apr 29, 2023 pm 12:19 PM

Cara Paksa Mulakan Semula iPad Mini 6 Paksa mulakan semula iPad Mini 6 dilakukan dengan beberapa siri menekan butang, dan ia berfungsi seperti ini: Tekan dan lepaskan untuk Kelantangan Naik Tekan dan lepaskan untuk Kelantangan Turun Tekan dan lepaskan butang Kuasa/Kunci sehingga anda melihat Logo Apple, menunjukkan bahawa iPad Mini telah dimulakan semula secara paksa. Mula semula paksa biasanya digunakan untuk sebab penyelesaian masalah, seperti iPad Mini membeku, apl membeku atau beberapa salah laku umum yang lain. Satu perkara yang perlu diambil perhatian tentang prosedur untuk memulakan semula iPad Mini generasi ke-6 secara paksa ialah untuk semua peranti lain yang mempunyai bezel ultra nipis dan menggunakan

Selepas menulis semula:

Cara Membaiki Pengawal PS5 Tidak Diiktiraf pada Windows 11 Selepas menulis semula: Cara Membaiki Pengawal PS5 Tidak Diiktiraf pada Windows 11 May 09, 2023 pm 10:16 PM

&lt;h3&gt;Apakah yang perlu saya ketahui tentang menyambungkan pengawal PS5 saya? &lt;/h3&gt;&lt;p&gt;Sebaik-baik pengawal DualSense, terdapat laporan pengawal tidak bersambung atau tidak dikesan. Cara paling mudah untuk menyelesaikan masalah ini ialah menyambungkan pengawal ke PC anda menggunakan kabel USB yang sesuai. &lt;/p&gt;&lt;p&gt;Sesetengah permainan menyokong DualSense secara asli. Dalam kes ini, anda hanya boleh memasangkan pengawal. Tetapi ini menimbulkan persoalan lain, seperti bagaimana jika anda tidak mempunyai kabel USB atau tidak mahu menggunakannya

Bagaimana untuk mengosongkan sejarah muat turun pelayar Microsoft Edge? Bagaimana untuk mengosongkan sejarah muat turun pelayar Microsoft Edge? Apr 21, 2023 am 09:34 AM

&lt;ul&gt;&lt;li&gt;&lt;strong&gt;Klik untuk masuk:&lt;/strong&gt;Navigasi pemalam alat ChatGPT&lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;Cari dan padam sejarah muat turun dalam Edge&lt; ;&lt;p&gt;Seperti penyemak imbas lain, Edge mempunyai&lt;strong&gt;Muat turun

Tukar tindakan butang kuasa pada Windows 11 [5 Petua] Tukar tindakan butang kuasa pada Windows 11 [5 Petua] Sep 29, 2023 pm 11:29 PM

Butang kuasa boleh melakukan lebih daripada menutup PC anda, walaupun ini adalah tindakan lalai untuk pengguna desktop. Jika anda ingin menukar tindakan butang kuasa dalam Windows 11, ia lebih mudah daripada yang anda fikirkan! Perlu diingat bahawa butang kuasa fizikal adalah berbeza daripada butang dalam menu Mula, dan perubahan di bawah tidak akan menjejaskan pengendalian yang terakhir. Selain itu, anda akan menemui pilihan kuasa yang sedikit berbeza bergantung pada sama ada desktop atau komputer riba. Mengapa anda perlu menukar tindakan butang kuasa dalam Windows 11? Jika anda meletakkan komputer anda tidur lebih kerap daripada anda menutupnya, mengubah cara butang kuasa perkakasan anda (iaitu, butang kuasa fizikal pada PC anda) akan berfungsi. Idea yang sama digunakan untuk mod tidur atau hanya mematikan paparan. Tukar Windows 11

iOS 17: Cara mengatur apl iMessage dalam Messages iOS 17: Cara mengatur apl iMessage dalam Messages Sep 18, 2023 pm 05:25 PM

Dalam iOS 17, Apple bukan sahaja menambah beberapa ciri pemesejan baharu, tetapi juga mengubah reka bentuk aplikasi Mesej untuk memberikan rupa yang lebih bersih. Semua apl dan alatan iMessage, seperti pilihan kamera dan foto, kini boleh diakses dengan mengetik butang "+" di atas papan kekunci dan di sebelah kiri medan input teks. Mengklik butang "+" memaparkan lajur menu dengan susunan pilihan lalai. Bermula dari bahagian atas, terdapat kamera, foto, pelekat, wang tunai (jika ada), audio dan lokasi. Di bahagian paling bawah terdapat butang "Lagi", yang apabila diketik akan mendedahkan sebarang apl pemesejan lain yang dipasang (anda juga boleh meleret ke atas untuk mendedahkan senarai tersembunyi ini). Cara menyusun semula apl iMessage anda Anda boleh melakukannya dengan mengikuti

See all articles