Javascript DOM onchange Event via HTML Tag onchange attribute

Introduction

This example demonstrates how to assign an "onchange" event to an input element.

When you leave the input field, a function is triggered which transforms the input text to upper case.

View in separate window 

<!DOCTYPE html>
<html>
<body>
Enter your name: /*from  ww w .  j  a v a2  s.  co m*/
<input type="text" id="fname" onchange="myFunction()">
<script>
function myFunction() {
  var x = document.getElementById("fname");
  x.value = x.value.toUpperCase();
}
</script>

</body>
</html>
Bubbles:
Cancelable:
Event type:
Supported HTML tags:


















 Yes
No
Event
<input type="checkbox">,
<input type="color">,
<input type="date">,
<input type="datetime">,
<input type="email">,
<input type="file">,
<input type="month">,
<input type="number">,
<input type="password">,
<input type="radio">,
<input type="range">,
<input type="search">,
<input type="tel">,
<input type="text">,
<input type="time">,
<input type="url">,
<input type="week">,
<select> and
<textarea>



PreviousNext

Related