Permitir solo Mayusculas
Una de las cosas que mas se tiene q hacer al dieñar formularios en la web, es validar el formato de los datos ingresados. A veces necesitamos tener todos los caracteres en mayusculas o minusculas para poder hacer consultas con la base de datos.
Por lo general para eso se usan funciones javascript que lo unico que hacen es ensuciar nuestro codigo. Pues bien aca hay una manera de hacer lo mismo pero solo usando css.
<input type="text" name="buscarpor" class="mayusculas">
Y en nuestro css ponemos :
input.mayusculas{
text-transform:uppercase;
}
Otras opciones son :
- uppercase: Pone todas las letras en mayusculas
- lowercase: Pone todas las letras en minusculas.
- capitalize: Pone la primera letra de cada palabra en mayusculas y el resto en minusculas
- none: No realiza ninguna transformacion