用一个div来显示用户输入文本框的值

zw946 2011-06-19 12:15:08

要实现一个效果就是一个文本框，当用户输入值得的时候。左边的div就显示用户输入的值。求高手分享技术了。符合要就必定结贴。

...全文

103 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

乌镇程序员 2011-06-19

打赏
举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<style type="text/css">

#output { width:200px; height:100px; float:left; border:1px solid #CCC; }

</style>

<script type="text/javascript">

window.onload = function() {

	document.getElementById('txt').onkeyup = function() {

		document.getElementById('output').innerHTML = this.value;

	}

}

</script>

</head>



<body>

<div id="output"></div><input type="text" id="txt" />

</body>

</html>

jamk 2011-06-19

打赏
举报



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

	<head>

		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<title>Untitled Document</title>

		<script type="text/javascript">

			function show(){

				document.getElementById("div1").innerHTML=document.getElementById("text1").value;

			}		

		</script>

	</head>

	<body>

		<div id="div1"></div>

		<input type="text" id="text1" onkeyup="show()">

	</body>

</html>

王晓彤 2011-06-19

打赏
举报



<html>

<head>

    <title></title>

</head>

<body>

    <input type="text" id="myInput" onkeyup="document.getElementById('divInput').innerHTML = this.value;" />

    <div id="divInput"></div>

</body>

</html>