Javascript Form How to - Get and Set a Text Input field's value, convert input to uppercase








Question

We would like to know how to get and Set a Text Input field's value, convert input to uppercase.

Answer


  <!--from  w w w  .j a v a  2  s .c  o  m-->
<html> 
<head> 
<script type="text/javascript"> 
function upperMe() { 
    var field = document.forms[0].converter; 
    var upperCaseVersion = field.value.toUpperCase(); 
    field.value = upperCaseVersion; 
} 
</script> 
</head> 
<body> 
<form onsubmit="return false"> 
<input type="text" name="converter" value="sample" onchange="upperMe()"> 
</form> 
</body> 
</html>

The code above is rendered as follows: