3

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

html5 csss input

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

分享至

用途

想要與其他圖片來美化 <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) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

902 組

團體組數

37 組

累計文章數

19752 篇

完賽人數

529 人

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

IT邦幫忙