Get input field text and display on label immediately - Javascript jQuery

Javascript examples for jQuery:Form Text Input

  1. HOME
  2. Javascript
  3. jQuery
  4. Form Text Input

Description

Get input field text and display on label immediately

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.js"></script> 
  <script type="text/javascript">
    $(function(){//  w ww.j a  v a 2s .c  o  m
$("#text1").keyup(function(){
   $("#label1").text($(this).val());
});
    });

      </script> 
 </head> 
 <body> 
  <input type="text" value="abc" id="text1"> 
  <label id="label1">abc</label>  
 </body>
</html>

Related Tutorials