猿问

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_蜕变_2
浏览 3965回答 1
1回答

刚毅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
我要回答