Question

我正在尝试关联＆＃34;登录＆＃34;按钮到另一个名为mainpage.html的页面。

nameArray = ['Iluminação','Acessibilidade','Segurança','Sinalização']
descriptionArray = ['Problemas com iluminação pública como postes com lâmpadas queimadas','Problemas na infraestrutura de acessibilidade como calçadas impróprias','Problemas de segurança como falta de policiamento','Problemas de sinalização como placas quebradas ou pichadas']
imageArray = ['https://s3-sa-east-1.amazonaws.com/pipow/categorias/icones/IluBT%403x.png','https://s3-sa-east-1.amazonaws.com/pipow/categorias/icones/AccessBT@3x.png','https://s3-sa-east-1.amazonaws.com/pipow/categorias/icones/SegBT@3x.png','https://s3-sa-east-1.amazonaws.com/pipow/categorias/icones/SinBT@3x.png']

在输入类型＆＃34;提交＆＃34;和值=＆＃34;登录＆＃34;，我正在努力获得＆＃34;登录＆＃34;按钮链接到我的另一个页面，名为mainpage.html。

  <!doctype html>
<html>
    <head>
        <meta charset = "utf-8">
        <title>Transport Login Form</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <div class="loginBox">
            <img src="user.png" class="user">
            <h2>Login To Decryption 1.0</h2>
            <form>
                <p>Email</p>
                <input type="text" name="" placeholder="Enter Email">
                <p>Password</p>
                <input type="password" name="" placeholder=".....">
                <input type="submit" value="Sign In">
                <a href="#">Forget Password</a>
            </form>
        </div>
    </body>
</html>

我已经尝试了各种方法让按钮工作，但一切都失败了。

Answer 1

如果您想创建带有重定向的工作提交按钮，则需要阅读有关POST / GET的内容。但如果您需要没有工作表单的简单示例 - 请使用<a href="linktopage.html">

Answer 2

您可以像<input type="submit" onclick="location.href='mainpage.htm';" value="Sign In" />

一样使用onclick

Answer 3

正如评论中已提到的，假设您现在只是设计网站，请将<form>行更改为：

<form method="get" action="mainpage.html">

它会使您的提交按钮重定向到指定的链接。

HTML按钮链接到另一页

3 个答案: