Tryit Editor v1.7

Source Code:

Result:

<!DOCTYPE html>
<html>
<head>
<script>
function upperCase()
{
var x=document.getElementById("fname").value
document.getElementById("fname").value=x.toUpperCase()
}
</script>
</head>
<body>

<p>Enter your name, then move the cursor/tab outside the field:</p>
Enter your name: <input type="text" name="fname" id="fname" onblur="upperCase()">

</body>
</html>

Edit the code above and click "Submit Code" to see the result.

W3Schools.com - Try it yourself

Source Code:	Result:
<!DOCTYPE html> <html> <head> <script> function upperCase() { var x=document.getElementById("fname").value document.getElementById("fname").value=x.toUpperCase() } </script> </head> <body> <p>Enter your name, then move the cursor/tab outside the field:</p> Enter your name: <input type="text" name="fname" id="fname" onblur="upperCase()"> </body> </html>
Edit the code above and click "Submit Code" to see the result.	W3Schools.com - Try it yourself