Atributo <input> accept do HTML

Etiqueta <input> HTML

Definição e uso

accept A propriedade define um filtro para os tipos de arquivo que o usuário pode selecionar no diálogo de entrada de arquivo.

accept A propriedade define os tipos de arquivo que podem ser submetidos por meio do upload de arquivo.

Atenção：accept A propriedade pode ser usada apenas com <input type="file"> Usados juntos.

Dica:Não use essa propriedade como ferramenta de validação. A validação do upload deve ser feita no lado do servidor.

Exemplo

Define o tipo de arquivo que o usuário pode selecionar no diálogo de entrada de arquivo:

<form action="/action_page.php">
  <label for="img">Por favor, selecione uma imagem：</label>
  <input type="file" id="img" name="img" accept="image/*">
  <input type="submit">
</form>

Experimente pessoalmente

Sintaxe

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

Dica:Para especificar vários valores, separe-os com vírgula (por exemplo <input accept="audio/*,video/*,image/*" />.

Valor do atributo

Valor Descrição
file_extension Especificar a extensão do arquivo que o usuário pode escolher (por exemplo: .gif, .jpg, .png, .doc)
audio/* O usuário pode escolher todos os arquivos de som
video/* O usuário pode escolher todos os arquivos de vídeo
image/* O usuário pode escolher todos os arquivos de imagem
media_type

Tipos de mídia válidos, sem parâmetros.

Consulte o tipo de mídia IANA para obter a lista completa dos tipos de mídia padrão.

Suporte do navegador

Os números na tabela indicam a versão do navegador que suportou a propriedade pela primeira vez.

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

Etiqueta <input> HTML