纯静态网页让用户输入数据后跳转到指定页面怎么实现 65

假如有A,B,C三个页面,A页面中有一个输入框和确定按钮,当用户输入指定数据如“A101”点击确定按钮后就跳转到有"A101"参数的B页面;如果用户在A页面中输入指定数据... 假如有A,B,C三个页面,A页面中有一个输入框和确定按钮,当用户输入指定数据如“A101”点击确定按钮后就跳转到有"A101"参数的B页面;如果用户在A页面中输入指定数据如“A202”点击确定后则跳转到有“A202”参数的C页面.....后面还有更多D,E,F,G等页面,怎么实现?纯静态的html网页,具体的代码?谢谢! 展开
 我来答
谨落幕s
2018-09-04
知道答主
回答量:9
采纳率:0%
帮助的人:2.1万
展开全部
<html>
<head>
<title>专用模板</title>

</head>

<body>
<input type="password" id="pwd"/>
<input type="button" value="登录" onclick="login()"/>
<script>
function login()
{
var pwd=document.getElementById("pwd").value;
if(pwd=="123")
{
location.href="seyou.me";//////改你要跳转的地址
}
}
</script>
</body>
</html>
/////////////////////////////////////////////////////@希望能帮到你@///////////////////////////////////////////////////////////
百度网友8c5883f27
2013-09-25 · 超过42用户采纳过TA的回答
知道小有建树答主
回答量:119
采纳率:50%
帮助的人:72.2万
展开全部
可以用javascript的实现。
在form的submit事件中中,判断用户输入的数据,提交到不同的页面。
大致的代码如下,好久不写了,大致思路如此:
javascritp代码:
function log_submit(){
var form1=document.form1;
var data1=form1.data1.value
switch(data1)
{
case “A101”:
form1. action=B页面; //写上B页面的详细地址
break;
case "A202":
form1. action=C页面; //写上C页面的详细地址
break;
……
default
……
}
form1.submit();
return true;
}
网页代码:
……
<form action="" method="post" name="form1" id="form1" onsubmit="return log_submit()">
<input type="text" name="data1" id="data1">
<input type="submit" value="确定">
</form>
……
追问
谢谢哈,不过js我看不懂,我用的时候这代码不能运行,用WD编辑提示有错误,除了上面的符号错误直到下面的
}
form1.submit();
return true;
}
这里是错的,能帮我写完整一点么?谢谢
追答
这里给你提供的主要是思路,提供的代码只是个框架,具体代码需要你根据自己的网页去完善,实现复杂的功能,js需要了解学习了。另外dw提供一个跳转菜单的功能,如果不需要传递参数可以直接使用。
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
卷愉钱精
2019-05-29 · TA获得超过4050个赞
知道大有可为答主
回答量:3096
采纳率:25%
帮助的人:166万
展开全部
要末在form表单的action中写上要提交的页面的url,要末在js中写上submit的页面的地址
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
范靖丙如曼
2019-03-20 · TA获得超过3650个赞
知道小有建树答主
回答量:3067
采纳率:31%
帮助的人:202万
展开全部
没猜错的话,用户输入数据1定要处理的吧,你写1个servlet处理参数,在servlet让他转发或重定向到另外一个页面
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
chenpeipei77
2013-09-26
知道答主
回答量:74
采纳率:0%
帮助的人:17.5万
展开全部
使用超链接应该可以
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式