前面我寫過關於<input type="file">上傳圖片，消除原有樣式，獲取圖片的文章。
今天更新的是我最近發現，點擊上傳按鈕的那一整行都可以調出本地上傳圖片的窗口。
之前也是發現多一個INPUT 的影響區域，用下面的方法清除了。
“用過兩次都發現頁面自動生成另一個大的<input>,點擊同樣會彈出文件選擇框，可以用下面的代碼清除這個多的。
input[type="file" i]::-webkit-file-upload-button {
-webkit-appearance: push-button;
white-space: nowrap;
font-size: inherit;
-webkit-user-modify: read-only;
margin: 0px;
display:none;//主要是這個
}”
再遇到的時候，以為是沒清除成功，但是，右鍵檢查找不到這個區域。
百思不得其解。
一行一行檢查代碼突然看到了LABEI標簽，好像應該可能是他的原因。
改LABEI為DIV后，
一切正常了。
貼出，原錯誤代碼：
<label class="choseImglabel">
<strong class="choseImgTitle">封面</strong>
<p class="choseNotice">小圖片建議尺寸：200像素 * 200像素</p>
<div class="uploadType">
<a class="btn_upload">從圖片庫選擇
<input type="file" id="camera" accept="image/*"/></a>
<span id="saveBtn" class="saveBtn"><button type="button" onclick="uploadImg()">保存圖片</button></span>
</div>
</label>
看這個HTML會發現，標簽完全用錯了。這個label出現的毫無意義，我也不知道當時怎么用了一個label。。。。
將label改成DIV即可。
原因，我猜想可能是<label><input/></label>這種label標簽中包含了input，點擊label的整個區域會調用input。
將label的閉合標簽移到<strong>前面去。試一試。
沒錯，再次點擊label的區域是不會彈出圖片選擇窗口的，只有點擊INPUT 的時候才會出現。
雖然不知道是不是我想的那個原因，但結果好像符合的。
寫HTML的時候，結構一定要考慮好，就算寫完以后也要檢查一下，做好做到語義化，精簡一點。
很多人說不要管為什么，實現了就好。
但是我覺得，應該要往前再想一想。填鴨式的學習又怎么好消化吸收轉化為自己的知識呢。