accept屬性列表

2021-06-21 02:33:43 字數 786 閱讀 5876

<

input

type

="file"

accept

><

br><

br>

accept屬性列表

<

br>

這個就可以實現選擇具體的資料型別,但是有相容問題,我在測試的時候只有opera,chrome能用,火狐和ie都不相容

好吧,就在這裡測試一下吧:

我只想要word

在這裡如果想支援多種型別的話,比如金山的office和microsoft的office的不同副檔名,這樣的話可以在accept裡面放置多個屬性就可以了:

如果不限制影象的格式,可以寫為:accept="image/*"。同樣是可以的

好的,測試一下:

我只想要gif、bmp

嗯,測試成功,用opera,chrome能用,因為accept也是html5的新特性,所以火狐和ie的支援就顯得單薄了,這樣還是讓我們等待他們的接受把

測試了好久,發現gif和bmp一起的時候並不是能取得他們的並集,仔細觀察以後是按寫入順序排列了一下他們的「檔案選擇型別」:

我們如果不定義input file的格式的時候,那麼檔案型別的地方就是全部檔案*.*,如果我們定義了自己的,那麼檔案型別就會和我們選中的一樣,但是這時候我們如果想看別的檔案的時候還是可以通過檔案型別的下拉框,去選擇自己額外喜歡的型別的,簡單的說,它就是起到了乙個簡單的按照我們的主觀意願篩選的作用,同時我們如果不是選擇的image/*而是好幾個並列的話就會按照上面的情況分別得排列出來,比如圖上的我input就是這個樣子的:

CSS屬性列表

css屬性列表 我要學習學習再學習 伊派 屬性名稱 字型屬性 font font family font style font variant font weight font size 顏色和背景屬性 color background color background image backgrou...

CSS屬性列表

屬性名稱 字型屬性 font font family font style font variant font weight font size 顏色和背景屬性 color background color background image background repeat background ...

CSS屬性列表

gn center 屬性名稱 字型屬性 font font family font style font variant font weight font size 顏色和背景屬性 color background color background image background repeat b...