Javascript - Lowercase HTML input field

Lowercase HTML input field example:

<input id="title_x" type="text" name="title" value="Uppercase TEXT SAMPLE"/>

<span onclick="document.getElementById('title_x').value = document.getElementById('title_x').value.toLowerCase();" style="cursor: pointer;">lowercase</span>