MOSTRAR EN MAYUSCULAS O MINUSCULAS CON CSS
Anteriormente, el 6 de Mayo, vimos un ejemplo de cómo conseguir que un input transformara a mayúsculas (o minúsculas) todo lo que el usuario introdujera. Incluso, para los domicilios, que la primera letra de cada palabra fuera mayúscula y el resto minúsculas. Esto mismo se puede conseguir mucho más facilmente, y con mayor rapidez e instantaneidad, utilizando estilos CSS. La única diferencia es que los datos no se modifican y siguen estando tal y como se introdujeron, y así se recibirán (aunque pueden mostrarse volviendo a utilizar los mismos estilos empleados):
FORMULARIO CON 'CONVERSION' A MINUSCULAS O MAYUSCULAS APLICANDO CSS
Aquí bajo podemos ver el código correspondiente al formulario:
<span style="font-weight: bold; text-decoration: underline;">FORMULARIO CON CONVERSION A MINUSCULAS O MAYUSCULAS APLICANDO CSS</span></p>
<form enctype="multipart/form-data" method="post" action="#">
<p><input name="borrar" type="reset" value="Borrar Datos" /></p>
<p>Apellidos, Nombre: <input style="text-transform:uppercase" name="nombre" size="45" /></p>
<p>Domicilio: <input style="text-transform:capitalize" name="domicilio" size="55" /></p>
<p>Nota: <input style="text-transform:lowercase" name="poblacion" size="35" /></p>
<p><input name="mandar" type="submit" value="Enviar" /></p>
</form>
