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 […]
Tag: Entrada
Remover o ícone Clear(x) da entrada de pesquisaRemover o ícone Clear(x) da entrada de pesquisa
Eu realmente aprecio a quantidade de diferentes <input> que recebemos na última década. Esses elementos não apenas trazem uma nova vantagem semântica, mas também fornecem ajudantes de interface do usuário, que em muitos casos são úteis. Em um caso recente, descobri que um elemento da interface do usuário não era útil: o x (clear) icon […]
Como impedir a colagem em uma entradaComo impedir a colagem em uma entrada
De vez em quando, entro em um site que não permite que eu cole em uma entrada de formulário. Na maioria dos casos, é algo relacionado a credenciais de login (nome de usuário e senha) e códigos de autenticação. Então, como eles estão me impedindo de colar informações? É tão fácil quanto o senhor imagina! […]
Sempre mostrar as setas para a entrada de númerosSempre mostrar as setas para a entrada de números
Embora eu goste de pequenos detalhes que tornam as interfaces de usuário mais elegantes, também acredito que menos é mais, especialmente quando se trata de comportamento nativo. Um comportamento nativo que não gosto é que o <input type=”number” /> só mostram as setas de incremento e decremento quando o input é focalizado. É desnecessário focus […]
Entrada valueAsNumberEntrada valueAsNumber
De vez em quando, aprendo sobre uma propriedade JavaScript que gostaria de ter conhecido anos antes. valueAsNumber é uma delas. O valueAsNumber fornece o valor de um input[type=number] como um tipo Number, em vez da representação tradicional de string quando o senhor obtém o valor: /* Assuming an <input type=”number” value=”1.234″ /> */ // BAD: […]