如何在input中输入什么,下面的div中就显示什么? 例如:在input中输入13579,在下面的div框中就显示13579
如何在input中输入什么,下面的div中就显示什么?例如:在input中输入13579,在下面的div框中就显示13579。建议用jquery解决。代码如下:=====...
如何在input中输入什么,下面的div中就显示什么? 例如:在input中输入13579,在下面的div框中就显示13579。建议用jquery解决。代码如下:
===========
<!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>
</head>
<body>
<style type="text/css">
.ppp{
width:600px;
height:220px;
margin:0 auto;
border:1px solid #666;
background-color:pink;
}
</style>
<input type="text" id="ttt" name="" value="" /><br /><br />
<div class="ppp"></div>
</body>
</html> 展开
===========
<!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>
</head>
<body>
<style type="text/css">
.ppp{
width:600px;
height:220px;
margin:0 auto;
border:1px solid #666;
background-color:pink;
}
</style>
<input type="text" id="ttt" name="" value="" /><br /><br />
<div class="ppp"></div>
</body>
</html> 展开
2个回答
展开全部
没有jquery包 就用js吧
<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">
#ppp{
width:600px;
height:220px;
margin:0 auto;
border:1px solid #666;
background-color:pink;
}
</style>
<script type="text/javascript">
function aa(){
document.getElementById("ppp").innerHTML = document.getElementById("ttt").value;
}
</script>
</head>
<body>
<input type="text" id="ttt" /><br /><br />
<input type="button" value="提 交" onclick="aa()" />
<div id="ppp"></div>
</body>
</html>
试试看
<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">
#ppp{
width:600px;
height:220px;
margin:0 auto;
border:1px solid #666;
background-color:pink;
}
</style>
<script type="text/javascript">
function aa(){
document.getElementById("ppp").innerHTML = document.getElementById("ttt").value;
}
</script>
</head>
<body>
<input type="text" id="ttt" /><br /><br />
<input type="button" value="提 交" onclick="aa()" />
<div id="ppp"></div>
</body>
</html>
试试看
追问
非常感谢!
展开全部
<!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>
<link rel="stylesheet" type="text/css" href="1.css">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function a(){
var a=document.getElementById("ttt").value;
document.getElementById("bbb").innerHTML=a;
}
</script>
</head>
<div><input type="text" id="ttt" onblur="a()" /></div><br />
<div id="bbb">点击我</div>
<body>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="1.css">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function a(){
var a=document.getElementById("ttt").value;
document.getElementById("bbb").innerHTML=a;
}
</script>
</head>
<div><input type="text" id="ttt" onblur="a()" /></div><br />
<div id="bbb">点击我</div>
<body>
</body>
</html>
追问
您的也是正确的,非常感谢,初学js jquery,可能问的问题很可笑。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询