Javascript 如何使用按钮链接其他页面?
我使用了一个来自web的模板作为登录页面,我不知道如何在单击“登录”按钮时将此页面链接到另一个页面。我不懂HTML、CSS或JS,所以如果有人能指导我,我将不胜感激。这是一个明天必须提交的大学项目。这并不是说我不想学习,而是我正在做的其他事情效果不太好,所以我不得不开始这项工作,我只有一天的时间Javascript 如何使用按钮链接其他页面?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我使用了一个来自web的模板作为登录页面,我不知道如何在单击“登录”按钮时将此页面链接到另一个页面。我不懂HTML、CSS或JS,所以如果有人能指导我,我将不胜感激。这是一个明天必须提交的大学项目。这并不是说我不想学习,而是我正在做的其他事情效果不太好,所以我不得不开始这项工作,我只有一天的时间 我无法将代码粘贴到这里。下面是链接:如果按下按钮时只是一个链接,请输入 使用harshit的解决方案,我添加了id以恢复css属性,但是如果css值是一个类而不是一个id,只需将id=替换为class=
我无法将代码粘贴到这里。下面是链接:如果按下按钮时只是一个链接,请输入
使用harshit的解决方案,我添加了id以恢复css属性,但是如果css值是一个类而不是一个id,只需将id=替换为class=
<input type="button" value="click" id="myCssClassId" onclick="window.open("http://www.google.com/"); window.open("http://www.youtube.com/");" />
因此,您“不知道单击“登录”按钮时如何将此页面链接到另一个页面”
根据您提供的登录页面,您有以下代码:
<form action="Default5.aspx" method="POST">
<fieldset>
<p><label for="email">E-mail address</label></p>
<p><input type="email"
id="email"
value="mail@address.com"
required="required" />
</p>
<p><label for="password">Password</label></p>
<p><input type="password"
id="password"
value="password" />
</p>
<p><input type="submit" value="Login" /></p>
</fieldset>
</form>
这里的方法
从POST
更改为GET
。这样,表单中输入的值将附加到URL(以便任何人都可以读取)
最后,我添加了target
-属性,并将其指向\u blank
,以说明如何打开一个新的空白页面
示例有意保持简单、风格,并根据您的意愿进行扩展。至少试着做您的家庭作业,然后询问您在哪里被卡住了!(一定是个热门话题,在过去的半小时内,这个问题已经出现了3次)。问题是,-1,老实说是+1。我只是被困在这里,其余的我都处理好了。我知道这个问题可能很愚蠢,但我对其中的HTML、CSS和JS一无所知。我必须学习,我会的。但我也必须在明天之前完成这个项目,我会帮忙的。你在学什么?ASP?您的数据发送到哪里?什么验证了一个有效的用户?谢谢,但是Harshit的答案让它起作用了。无论如何,非常感谢。这个问题似乎离题了,因为没有足够的时间独自完成工作并不是要求堆栈溢出上的其他人为您完成工作的理由。谢谢您的回答。我只是试了一下,在里面放了一个链接:没有用。页面刚刚刷新。然后我把我的实际目标“Default5.aspx”设置为仍然不起作用。这是因为我正在重定向到一个.aspx页面吗?看起来它不起作用,因为它的类型是
input
,这会阻止Thank mate,这一个起作用,但现在登录按钮的CSS已丢失properties@Yankee确保您已经为该按钮的CSS设置了正确的id/类。类似于id=“your\u id\u here”
或class=“your\u class\u here”
的东西让CSS工作起来了,谢谢
<input type="button" value="click" id="myCssClassId" onclick="window.open("http://www.google.com/"); window.open("http://www.youtube.com/");" />
<form action="Default5.aspx" method="POST">
<fieldset>
<p><label for="email">E-mail address</label></p>
<p><input type="email"
id="email"
value="mail@address.com"
required="required" />
</p>
<p><label for="password">Password</label></p>
<p><input type="password"
id="password"
value="password" />
</p>
<p><input type="submit" value="Login" /></p>
</fieldset>
</form>
<form method="GET"
action="http://www.google.com/search"
target="_BLANK"
onsubmit="var e = this.getElementsByTagName('input');
e[1].value= 'isz:ex,iszw:' + e[3].value
+ ',iszh:' + e[4].value;
return true;
"
><fieldset>
<input type="hidden" name="tbm" value="isch" />
<input type="hidden" id="tbs" name="tbs" />
<p>Search Image:
<input type="text" name="q" value="search" />
</p>
<p>
Width: <input type="text" value="32" /> px <br />
Height: <input type="text" value="32" /> px <br />
<input type="submit" value="Search" />
</p>
</fieldset>
</form>