如何将HTML / CSS超链接添加到现有的“登录”按钮?

问题描述 投票:-1回答:3

[目前,我在学习编码和通过youtube教程后,创建了一个按钮。这是HTML:

    <form action="homepage.html">
      <input type="submit" name="" value="Login"/>
    </form>

您可以看到,我已经使用输入和表单来创建按钮,并试图在表单操作中添加链接。按钮创建良好。但是,该链接仍然无法使用以转到新的HTML。有人有建议吗?

我知道此代码将需要改进,以便将来实际识别用户名和加密密码。但是,就目前而言,我想弄清楚页面的布局及其美学。请帮忙!!

((注:我已尝试按照此页面上其他答案的建议添加标准超链接和CSS样式。超链接有效,但我无法使CSS样式正常工作)。 Login button.png

这里是CSS:

.loginbox input[type="submit"]{
border: none;
outline: none;
height: 40px;
background: rgb(72, 44, 8) ;
color: grey;
font-size: 18px;
border: 1px solid rgb(255, 215, 162);
border-radius: 20px;
}

.loginbox input[type="submit"]:hover
{
cursor: pointer;
background: rgb(255, 178, 77);
color: black;
}
html css authentication button hyperlink
3个回答
-1
投票

您可以像这样暂时绕过表单提交

<form action="homepage.html">
  <input type="button" name="" value="Login" onclick="window.open(`homepage.html`, `_self`)"/>
</form>

-1
投票

按下输入后的重定向由表格给出

action =“ login.html”

此外,代码形式/操作也无法在html中工作,它必须位于php文件中,以便重定向工作。表单中的重定向页面不必是php,但表单的包含文件也必须是。如果您想将数据从主页传输到另一个页面,则重定向到的所有文件都必须是php文件。 U可以具有相同的索引。 HTML只是替换。 HTML到。 PHP和尝试应该工作。另外,您需要一个xammp服务器,导致从您的PC本地打开不会显示php或工作


-2
投票

对于登录系统,您将必须使用PHP和MySQL。但是在这里回答您的问题是怎么做的:<form action="homepage.html"> <input type="submit" value="Login"> </form>

这应该有效。而且它的html type =“ submit”仅在您使用以下浏览器之一时才有效:Chrome,Edge,Firefox,Safari,Opera

© www.soinside.com 2019 - 2024. All rights reserved.