jQuery入力文字を表示させる | code225

code225

WEBプログラミングのメモ。PHP、JavaScript、HTML、MySQLなど。

jQuery練習。

テキストに文字をインプット。下に表示してみる。



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD> 
<META http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<TITLE>jQuery レッスン</TITLE>
</HEAD>
<BODY>

<h1>jQueryの練習</h1>

<br><br>

<p>入力文字を取得、表示してみる</p>

<input type="text" id="tx">

<script type="text/javascript">
$("#tx").bind('click blur keydown keyup keypress change',function(){
var txt = $(this).val();
$("#result").html(txt);
});
</script>

<br><br>
入力文字は、<font color="red" id="result"></font> です。
<br>

</BODY>
</HTML>