首頁猿問 js如何實現(xiàn)文本框提交文本域顯示

js如何實現(xiàn)文本框提交文本域顯示

JavaScript

qq_蛻變_2 2016-06-21 19:01:15

求大神解答，我有幾個文本框，想實現(xiàn)那幾個文本框輸入內(nèi)容后點擊提交。然后在最后一個文本域顯示出輸入的內(nèi)容。<!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>您所在地區(qū):<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條經(jīng)驗獲得超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>

1 反對回復(fù) 2016-06-21