Numbers only "on key press"(jScript) and upper case HTML

html 1:output is big case letter
----------------------------------
Upper case : Html : style="text-transform: lowercase;font-variant: small-caps;"
<input class="form-control input-sm" id="iHxName" name="iHxName" type="text" value="" style="text-transform: lowercase;font-variant: small-caps;"/>


html 2:output is only number
-----------------------------
<SCRIPT TYPE="text/javascript">
function numbersonly(myfield, e, dec)
{
//alert("myfield :"+myfield);
//alert("Event :"+e);
//alert("dec :"+dec);
var key;
var keychar;

if (window.event)
   key = window.event.keyCode;
else if (e)
   key = e.which;
else
   return true;
keychar = String.fromCharCode(key);

// control keys
if ((key==null) || (key==0) || (key==8) ||
    (key==9) || (key==13) || (key==27) )
   return true;

// numbers
else if ((("0123456789").indexOf(keychar) > -1))
   return true;

// decimal point jump
else if (dec && (keychar == "."))
   {
   myfield.form.elements[dec].focus();
   return false;
   }
else
   return false;
}

</SCRIPT>

<input class="" id="" name="" type="text" value="" onKeyPress="return numbersonly(this, event)"/>

***********************************************************************************************************************
***********************************************************************************************************************