Właściwość accept w HTML <input>

Tag HTML <input>

Definicja i zastosowanie

accept Właściwość określa filtr typów plików, które użytkownik może wybrać z okna dialogowego wyboru pliku.

accept Właściwość określa typy plików, które mogą być załadowane za pomocą funkcji doładowania plików.

Uwaga：accept Właściwość może być używana tylko z <input type="file"> Razem

Wskazówka：Nie używaj tej właściwości jako narzędzia weryfikacyjnego. Weryfikacja plików doładowanych powinna być przeprowadzana na serwerze.

Przykład

Określa typy plików, które użytkownik może wybrać z okna dialogowego wyboru pliku:

<form action="/action_page.php">
  <label for="img">Proszę wybrać obraz：</label>
  <input type="file" id="img" name="img" accept="image/*">
  <input type="submit">
</form>

Spróbuj sam

Gramatyka

<input accept="file_extension|audio/*|video/*|image/*|media_type">

Wskazówka：Jeśli chcesz指定多个值，请用逗号分隔这些值（例如 <input accept="audio/*,video/*,image/*" />.

Wartość atrybutu

Wartość Opis
file_extension Określa rozszerzenia plików, które mogą być wybrane przez użytkownika (np.: .gif, .jpg, .png, .doc)
audio/* Użytkownik może wybrać wszystkie pliki dźwiękowe
video/* Użytkownik może wybrać wszystkie pliki wideo
image/* Użytkownik może wybrać wszystkie pliki obrazowe
media_type

Poprawne typy mediów, bez parametrów.

Proszę zobaczyć typy mediów IANA, aby uzyskać pełną listę standardowych typów mediów.

Obsługa przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
26.0 10.0 37.0 11.1 15.0

Tag HTML <input>