3

[筆記]用圖片取代 <input type="file"> 欄位

html5 csss input

Luis-Chen 2017-11-21 17:06:57 ‧ 5621 瀏覽

分享至

用途

想要與其他圖片來美化 <input type="file">欄位的話可以用label來去運行

大致觀念是 css同id 會同時觸發的觀念
然後再把input hidden 隱藏裡來就能完成

算是一個小沒腳

參考

    <div>
      <label for="input">
        <img src="http://imgur.com" />
      </label>
      <input hidden id="input" type="file" />
    </div>

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

1064 組

團體組數

40 組

累計文章數

22200 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙