JavaScript (index.html):
<div> <label for="fileboxy"> <img src="http://bit.ly/2PmisVq" style="cursor: pointer;" /> </label> <input id="fileboxy" type="file" style="display: none;" /> </div>
範例:
說明:
使用label的方式點選圖片同步觸發隱藏的input file選擇檔案。
大於取代為『>』小於取代為『<』
Tab字元取代為『 』
換行字元取代為『 』
雙引號取代為『\"』
&取代為『&』 | ||
高亮程式:『<pre class="brush:js;first-line:1;highlight:[0];">』+字串+『</pre>』 (含HTML架構『html-script:true;』) | ||
多行複製:『<textarea style="width:100%;overflow:visible" onclick="select()" rows="">』+字串+『</textarea>』 | ||
彈出框架:『<a href="javascript:;" onclick="window.open('"』+網址+『"', 'images', 'catalogmode, scrollbars, width=, height=')">Open</a>』 | ||
不作改變 | ||
<div> <label for="fileboxy"> <img src="http://bit.ly/2PmisVq" style="cursor: pointer;" /> </label> <input id="fileboxy" type="file" style="display: none;" /> </div>
<button onclick="getRandomColor(this)">Change Color</button> <script> function getRandomColor(e) { var color = '#' + Math.floor(Math.random()*16777215).toString(16); console.log(color); e.innerHTML = color; e.style.color = color; } </script>