HTML 格式错误

Question

我正在尝试创建一个简单的登录页面，但我总是遇到一个问题。我在表单中输入的内容（又在 table 中）转到页面的左上角。这是我的代码

<!DOCTYPE html>
<html>
    <head>
        <title>Login</title>
        <link rel="stylesheet" type="text/css" href="styles.css">
    </head>
    <body>
        <table class="center">
            <tr>
                <td>
                    <p style="size: 16px; font-family: Comic Sans MS">LOGIN</p>
                </td>
            </tr>
            <tr>
                <td>
                    <form>
                        <input type="email" name="mail"><br>
                        <input type="password" name="password"><br>
                        <input type="reset"></td>
                    </form>
                    <input type="submit" name="submit">
                <td>
            </tr>
        </table>
        
    </body>
</html>

我还有几行css“代码”

table.center {
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

我不太明白为什么可怜的“提交”输入不会留在原地。

在此先感谢您的帮助。

Answer 1

尝试将提交元素放在表单中？否则你可以只做一个按钮。虽然我在这里可能是错的，但值得一试。

<form>
    <input type="email" name="mail"><br>
    <input type="password" name="password"><br>
    <input type="reset"></td>
    <input type="submit" name="submit">
</form>

Answer 2

你在表格周围嵌套的 td 是错误的。 /td 需要在提交之后出现，以便所有表单和提交都在单元格中。

这是更改后的代码：

<style>
table.center {
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
</style>
<html>
    <head>
        <title>Login</title>
        <link rel="stylesheet" type="text/css" href="styles.css">
    </head>
    <body>
        <table class="center">
            <tr>
                <td>
                    <p style="size: 16px; font-family: Comic Sans MS">LOGIN</p>
                </td>
            </tr>
            <tr>
                <td>
                    <form>
                        <input type="email" name="mail"><br>
                        <input type="password" name="password"><br>
                        <input type="reset">
                    </form>
                    <input type="submit" name="submit">
                    </td>
                <td>
            </tr>
        </table>
        
    </body>
</html>

HTML 格式错误

HTML wrong formatting

html

css

forms

formatting

html-input