Javascript Form How to - Convert input in text input field to uppercase








Question

We would like to know how to convert input in text input field to uppercase.

Answer


<!--from www  .  ja  v  a2s . com-->
<html> 
<head> 
<script type="text/javascript"> 
function upperMe(field) { 
    field.value = field.value.toUpperCase(); 
} 
</script> 
</head> 
<body> 
<form onsubmit="window.focus(); return false"> 
Lowercase letters:
<input type="text" name="converter" value="sample" onchange="upperMe(this)" /> 
</form> 
</body> 
</html>

The code above is rendered as follows: