<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的话，那就需要建项目了，这儿没法写了。
格式不同，作用不同。1、DOC：WORD文档，PDF：电子文件格式，HTML中文名超文本标记语言，也就是网页的文件格式。
2、DOC主要是用于文字编辑，PDF主要是可以将文字、字型、格式、颜色及独立于设备和分辨率的图形图像等封装在一个文件中，不受打开计算机字体等限制，html是网页语言的一种标准，它可以告诉浏览器如何显示其中的内容（如文字如何处理，画面如何排版，图片如何显示等）它具有以下特点:简单灵活、各平台通用、任何电脑任何浏览器均可打开。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）