Two quick slick ways to make text uppercase in a form field.

Building a database query form for co.chalkbeat.org I needed a quick way to make the input field text all uppercase to send to the database.

Two great ways to do it from the dream in code forums:

With CSS

<input style=”text-transform: uppercase;” type=”text” />

And with a javascript

<input onblur=”this.value=this.value.toUpperCase()” type=”text” />

The onblur event was a new one for me, this fires a javascript when the element looses focus. Pretty cool!