 |
|
||||
 Código-Fonte Controle de Estoque completo com código fonte em PHP, MySQL, Bootstrap, jQuery - 100% funcional e fácil de modificar e implementar novas funcionalidadesTenha o seu próprio sistema de controle de estoque web. com cadastro de produtos, categorias, fornecedores, entradas e saídas de produtos, com relatórios por data, margem de lucro e muito mais. Código simples e fácil de modificar. Acompanha instruções para instalação e criação do banco de dados MySQL. Clique aqui e saiba mais |
|||||
Você está aqui: JavaScript ::: Elementos de Formulários HTML ::: input type file Element/Object |
||
Como ocultar um input type file e usar um botão ou uma imagem para permitir que o usuário selecione o(s) arquivo(s)Quantidade de visualizações: 7922 vezes |
||
|
Por padrão, um input type file é exibido como um botão escrito "Escolher arquivo" e o texto "Nenhum arquivo selecionado" logo ao lado. Às vezes gostaríamos de mudar esta aparência, talvez para um melhor ajuste no nosso design. Nesta dica eu mostro como podemos ocultar o input type file e fornecer um outro botão ou uma imagem em seu lugar. Veja primeiro como usar um botão comum:
Note que usamos a propriedade style do input type file para definir o valor display:none, ocultando-o. Em seguida temos um botão e, no seu evento onclick(), nós chamamos uma função JavaScript responsável por disparar o evento click() do input type file. Veja agora como podemos usar uma imagem:
Abra essa página no seu navegador e clique na imagem. Você verá que automaticamente a janela de seleção de arquivo(s) será exibida. |
||
 Link para compartilhar na Internet ou com seus amigos: |
||
Desafios, Exercícios e Algoritmos Resolvidos de JavaScript |
Veja mais Dicas e truques de JavaScript |
Dicas e truques de outras linguagens |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |
