求大神解答，我有几个文本框，想实现那几个文本框输入内容后点击提交。然后在最后一个文本域显示出输入的内容。<!DOCTYPE html><html><head><script type="text/javascript">function s(){ if (document.getElementById('name1').value=="") { alert("请输入您的姓名"); return false; } if (document.getElementById('name2').value=="") { alert("请输入您的别名");return false; }}</script><meta charset="utf-8"><h3>请输入您的个人信息</h3> </head><body><div>您的姓名:<input type="text" id="name1"></br>您的别名:<input type="text" id="name2" style="margin-top:7px"></br>您的性别:<input type="radio" value="1" name="sex" style="margin-top:7px">Male<input type="radio" value="2" name="sex">Female</br>您所在地区:<select style="margin-top:7px"><option value="重庆" selected="selected">重庆</option><option value="上海">上海</option><option value="广州">广州</option><option value="北京">北京</option><option value="云阳">云阳</option><option value="涪陵">涪陵</option></select></div><form>备注:<textarea cols="30" rows="6" style="margin-top:5px" ></textarea></form></div><div><input type="submit" value="提交信息" style="margin-top:20px" onclick="s()"></div><form>您已输入的信息是:<textarea cols="50" rows="10" style="margin-top:7px" ></textarea></form></body></html>
1 回答
已采纳
刚毅87
TA贡献345条经验 获得超309个赞
简单写了一段代码,你参考一下吧
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>
姓名:<input type="text" id="inp1"/> <br />
密码:<input type="text" id="inp2"/>
<input type="button" id="btn" value="提交"/><br />
信息: <textarea id="txt" rows="" cols=""></textarea>
</body>
<script>
var inp1 = document.getElementById('inp1');
var inp2 = document.getElementById('inp2');
var btn = document.getElementById('btn');
var txt = document.getElementById('txt');
btn.onclick = function () {
txt.innerHTML = '姓名:' + inp1.value + ',密码:' + inp2.value;
}
</script>
</html>
添加回答
举报
0/150
提交
取消