代码如下所示:
<!DOCTYPE html>
<html>
<head>
<meta charset="[文];utf-8"&[章]gt;
<meta http-equiv=&q[来]uot;Content-L[自]anguage"[红] content="[色];zh-cn" />
<title>[火]输入框</title[线]>
</head>[自]
<body>
<form>
<input id="inpu[媒]t" name="in[体]put"&nbs[博]p; type="te[客]xt" placeholder=&[文]quot;请输入你的姓名&[章]quot; />
</form>[来]
<button onclick="[自];btn()"&[红]gt;测试</but[色]ton>
<div id="html[火]"><[线];/div>
<script>[自];
var x= document.getE[媒]lementById(&q[体]uot;input&quo[博]t;)//通过id获取输入[客]框元素
var x1= document.getE[文]lementsByName[章]("input&[来]quot;)//通过nam[自]e获取输入框元素
var y= document.getE[红]lementById(&q[色]uot;html"[火];) //获取id为html的元[线]素
functio[自]n btn(){
y.innerHTML = x.value; //将输入框的值赋给div[媒]标签
}
</script&g[体]t;
</body>[博]
</html>[客]
还没有评论,来说两句吧...