下面為大家詳細介紹了HTML input file控制元件限制上傳檔案型別，具有一定的參考價值，感興趣的'小夥伴們可以參考一下以下是小編為大家搜尋整理的HTML input file控制元件限制上傳檔案型別，希望能給大家帶來幫助!更多精彩內容請及時關注我們應屆畢業生考試網!
網頁上新增一個input file HTML控制元件：
?
預設是這樣的，所有檔案型別都會顯示出來，如果想限制它只顯示我們設定的檔案型別呢，比如“word“,”excel“,”pdf“檔案
解決辦法是可以給它新增一個accept屬性，比如：
?
這樣選擇的時候預設會顯示為這樣：
檔案選擇框內只顯示出你自定義檔案型別的檔案，也還比較方便。
不過這只是最簡單的掩人耳目的做法，還是能選擇其它檔案型別：
所以，如果要做到真正意義上限制類型做法(其實這種算不上限制，只是把你要的檔案型別預設顯示出來而已，並不是說不能選擇其它的)，還是要通過js或者後臺來控制。
附支援的檔案型別：
?
