如何使用按钮链接另一个页面？

Question

我在网页上使用了一个登录页面的模板，当我点击“登录”按钮时，我无法弄清楚如何将此页面链接到另一个页面。我不知道HTML和CSS或JS，所以如果有人可以指导我通过这个我会很感激。它是一个必须在明天提交的大学项目。这不是我不想学习的，但是我还在做一些其他工作并没有很好的工作，所以我不得不开始这个，而且我只有一天。

我无法在此处粘贴代码。所以这是链接：http://pastebin.com/pPS0Np8A

Answer 1

<input type="button" value="click"  onclick="window.open(&quot;http://www.google.com/&quot;); window.open(&quot;http://www.youtube.com/&quot;);" />

Answer 2

如果按下按钮时它只是一个链接，请在按钮周围添加<a> - 标记，并在href属性中添加LInk：

<p><a href="http://www.linkToWhereYOuWantItTo.Go"><input type="submit" value="Sign In"></a></p>

Answer 3

使用harshit的解决方案我添加了id来恢复css属性，但如果css值是一个类而不是id，则只需将id =替换为class =。

 <input type="button" value="click" id="myCssClassId"  onclick="window.open(&quot;http://www.google.com/&quot;); window.open(&quot;http://www.youtube.com/&quot;);" />

Answer 4

所以，当你点击“登录”时， 无法弄清楚如何将此页面链接到另一个页面。按钮 ＆＃34;

从您提供的登录页面简化，您有以下代码：

<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>

现在，请注意<input type="submit" value="Login" />。点击后，form将提交其中包含的数据（密码和电子邮件）。

提交表单时，表单需要一个需要将数据发送到的地址。这也是显示的页面（＆＃39;重定向＆＃39;）。您只需使用表单action属性设置此选项，该属性只是一个网址。

只是想为未来的读者纠正这个问题。

编辑：

因此，例如，Google 上的精确图片搜索可以像以下一样工作：

<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>

Example jsFiddle here

此处method已从POST更改为GET。这样，在表单中输入的值将附加到URL（因此任何人都可以阅读它们）。

要关闭如何打开新空白页的最后一个示例，我添加了target - 属性，并将其指向_BLANK。

这些示例有意保持简洁，风格和扩展，如你所愿。