js如何实现文本框提交文本域显示
求大神解答，我有几个文本框，想实现那几个文本框输入内容后点击提交。然后在最后一个文本域显示出输入的内容。
<!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>
qq_蜕变_21回答
-
刚毅87
简单写了一段代码,你参考一下吧<!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>
随时随地看视频慕课网APP
相关分类
JavaScript