发布网友
共2个回答
热心网友
<!DOCTPYE html>
<html>
<head>
<title>表单页</title>
<meta charset="utf-8" />
</head>
<body>
<form method="get" action="b.html">
姓名:<input type="text" id="name" name="name" value="" />(必填)<br/>
密码:<input type="password" id="pwd" name="pwd" value="" />(必填)<br/>
确认密码:<input type="password" id="cpwd" name="cpwd" value="" /> <br/>
性别:<input type="radio" name="sex" id="sex0" checked="checked" value="男"/>
<label for="sex0">男</label>
<input type="radio" name="sex" id="sex1" value="女"/>
<label for="sex1">女</label><br/>
爱好:
<input type="checkbox" name="hobby" id="hobby0" checked="checked" value="计算机"/>
<label for="hobby0">计算机</label>
<input type="checkbox" name="hobby" id="hobby1" value="音乐"/>
<label for="hobby1">音乐</label>
<input type="checkbox" name="hobby" id="hobby2" value="体育"/>
<label for="hobby2">体育</label>
<input type="checkbox" name="hobby" id="hobby3" value="文学"/>
<label for="hobby3">文学</label><br/>
星座:
<select id="constellation" name="constellation">
<option value="牡羊座">牡羊座</option>
<option value="金牛座">金牛座</option>
<option value="双子座">双子座</option>
<option value="巨蟹座" selected="selected">巨蟹座</option>
<option value="狮子座">狮子座</option>
<option value="室女座">室女座</option>
<option value="天平座">天平座</option>
<option value="天蝎座">天蝎座</option>
<option value="人马座">人马座</option>
<option value="山羊座">山羊座</option>
<option value="宝瓶座">宝瓶座</option>
<option value="双鱼座">双鱼座</option>
</select>
<br/>
个人简介:<textarea rows="5" cols="20" id="intro" name="intro"></textarea><br/>
<input type="submit" value="提交"/> <input type="reset" value="重置"/>
</form>
</body>
</html>
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
您的姓名是:<span id="name"></span><br/>
您的密码是:<span id="pwd"></span><br/>
您的性别是:<span id="sex"></span><br/>
您的爱好是:<span id="hobby"></span><br/>
您的星座是:<span id="constellation"></span><br/>
您的简介是:<br/><span id="intro"></span>
<script type="text/javascript">
function getData(){
let url = location.href;
let num = url.indexOf("?");
let data = url.substr(num + 1);
let arrays = data.split("&");
for(let i in arrays) {
let n = arrays[i].indexOf("=");
if(n>0){
let name = arrays[i].substr(0, n);
let value = decodeURI(arrays[i].substr(n + 1));
console.log("name="+name+",value="+value);
if(name == "name"){ document.getElementById("name").innerHTML =value; }
if(name == "pwd"){ document.getElementById("pwd").innerHTML =value; }
if(name == "sex"){ document.getElementById("sex").innerHTML =value; }
if(name == "hobby"){ document.getElementById("hobby").innerHTML =value; }
if(name == "constellation"){ document.getElementById("constellation").innerHTML =value;}
if(name == "intro"){ document.getElementById("intro").innerHTML =value; }
}
}
}
getData();
</script>
</body>
</html>
上面的代码存为a.html,后面的代码存为b.html,把两文件放在一起即可。这是纯Html代码,没有后端代码。
你要是要用JavaWeb的话,那就需要建项目了,这儿没法写了。
热心网友
我会的 找我下