A revolução do HTML5 nos forneceu vários atributos simples, mas importantes, como download, autofocus, required, novalidate, e placeholder. Há outro que o senhor talvez queira conhecer: accept. Os accept é útil para input[type=file] elementos. Vamos dar uma olhada nele!


O HTML


Vou usar o botão de upload do Twitter para ilustrar um bom uso do botão accept :


<input type="file" name="media_empty" accept="image/gif,image/jpeg,image/jpg,image/png,">


O accept obtém uma lista separada por vírgulas de tipos de mime para os tipos de arquivos desejados. Nesse caso, o Twitter está permitindo que o usuário faça upload de formatos de imagem comuns.

  • Animação CSS vs. JS: O que é mais rápido?

    Como é possível que a animação baseada em JavaScript sempre tenha sido secretamente tão rápida – ou mais rápida – do que as transições CSS? E, como é possível que a Adobe e o Google lancem consistentemente sites móveis ricos em mídia que rivalizam com o desempenho de aplicativos nativos?

  • Como ser um pai desenvolvedor

    Todos os dias me fazem muitas perguntas, mas sempre me surpreendo com o fato de que raramente são perguntas sobre código ou até mesmo sobre tecnologia – muitas das perguntas que recebo são mais sobre coisas não relacionadas a desenvolvimento, como como é o meu escritório, que software eu uso e, muitas vezes…

  • Adicionar controles ao calendário PHP
  • Recuperar visitas e visualizações de página do Google Analytics com PHP

    O Google Analytics é uma excelente ferramenta de análise de sites que fornece muito mais informações sobre seu site do que o senhor provavelmente precisa. É melhor ter mais do que o senhor deseja do que não ter o suficiente, certo? De qualquer forma, verifico as estatísticas do meu site com mais frequência do que deveria e…