Usabilidade em Formulários. Marca campo em uso

Funciona tanto no Firefox(2.0) como no IE(6.0)

CSS:

 <style type=”text/css”>
input {
border: 2px solid #ccc;
}
input:focus {
border: 2px solid #000;
}
</style>

HTML:

<input type=”text” name=”nombredecampo” id=”nombredecampo” onfocus=”this.style.border=’1px solid #f00′” onblur=”this.style.border=’1px solid #bbb'”>

Resultado:
formulario.png

Fonte: http://www.webintenta.com

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s