Using Javascript or Jquery Perfrom below tasks.

1.Two textbox, when enter data in one textbox, it appears in second textbox ?

Follow the below code as per order above given.



<html>
<head>
<title>Two textbox, when enter data in one textbox, it appears in second textbox</title>
<link rel="stylesheet" type="text/css" href="style.css">
/<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

$("#first").keyup(function(){
$("#second").val(this.value);
});


});

</script>

</head>
<body bgcolor="olive">

<h2>1.Enter The data it reflect on same in below text field</h2><br>
<input type = "text" id = "first"> <br><br>
<input type = "text" id = "second"><br><br>



</body>
</html>



Note: I created Heading (<h2>) between the tasks to understand html code.

Comments

Popular posts from this blog

how to customize dashboard in active admin gem in rails 4

fibonacci series in Ruby

Write a program to Sum of Digits in JQuery?