2015-05-25 26 views
0

正如tittle所說,是否可以將<input type="file">設置爲只顯示文本,如"Upload",而不顯示按鈕和目標文件:)輸入類型=「文件」是否可以將其設置爲只有文本,如「上傳」

我已經嘗試谷歌,但所有的答案都沒有削減它,唯一的答案,接近我想要的是完成與JavaScript div觸發器,將觸發(點擊)在輸入<input type="file">,但因爲它是尖銳的那瀏覽器/手機會把它當作「攻擊」,並且不允許$ _POST!

回答

0

你可以嘲笑輸入元素和事件偵聽器綁定到一個div或任何這樣做,你想用這樣的:

HTML:

<form> 
    <input type="file" id="upload"/> 
    <div id="button">Upload</div> 
</form> 

CSS:

#upload{ 
    display: none; 
} 

#button{ 
    display: inline-block; 
    cursor: pointer; 
} 

的JavaScript:

document.getElementById("button").addEventListener("click", function(){ 
    document.getElementById("upload").click(); 
}); 

的jsfiddle: http://jsfiddle.net/12Lp66p2/

+0

是差點我想要的是使用JavaScript的div觸發將觸發所做的唯一的答案(點擊)輸入但它指出,瀏覽器/手機會將此視爲「攻擊」,並且不會允許$ _POST! –

+0

啊對不起,我誤解了這部分問題,但我會留下我的答案,因爲我的問題是與您的問題標題相關的答案 – simnys

相關問題