php - 如何在 HTML 中将文本框对齐到屏幕中心?

标签 php html css

好的,我正在创建一个简单的登录页面。这是我目前所拥有的;

<?php
$user = $_POST["username"];
$pass = $_POST["password"];
$validated = false;
session_start();
if($user!=""&&$pass!="")
{

    if($user=="Kenny"&&$pass=="Hereford")
        $validated = true;
    if($validated)
    {
        $_SESSION['BTECPage'] = "OK";
        $_SESSION['username'] = $user;
        $_SESSION['password'] = $pass;
        header('Location: protected.php');
    }
    else
    {
        $_SESSION['BTECPage'] = "";
        echo "Invalid username or password.";
    }
}
else $_SESSION['BTECPage'] = "";
?>

<html>
<body>
<h1 align="center">Login Page</h1>
<p align="center">Please enter your username and password:</p>
    <form action="BTECLoginPage.php" method="post">
    <table>
        <tr>
            <td align="center">Username: </td>
            <td align="center"><input size=\"20\"
                       type="text" size="20" maxlength="15"
                       name="username"></td>
        </tr>
        <tr>
            <td
                align="center">Password: </td>
            <td align="center"><input size=\"20\"
                       type="password" size="20"
                       maxlength="15" name="password"></td>
        </tr>
        <tr>
            <td> </td>
            <td colspan="2"
                align="center"><input type="submit"
                                    value="Login"></td>
        </tr>
    </table>
</form>
</body>
</html>

如何让文本框正确对齐到中心?我知道对齐功能,但我应该把它放在哪里?

我对这个还是有点陌生​​,如果这是一个菜鸟问题,我很抱歉

最佳答案

您可以使用 CSS 进行更简单的对齐,但您可能希望使用 HTML 的参数。

您可以通过简单地添加 align="center" 来对齐表格正如您之前对其他标签所做的那样。

现在表单已对齐,提交按钮奇怪地对齐了,因为您有一个额外的 <td>你不需要。删除它会有所帮助,提交按钮也将位于中心。

表格代码:

<table align="center">
    <tr>
        <td align="center">Username: </td>
        <td align="center"><input size=\"20\"
                   type="text" size="20" maxlength="15"
                   name="username"></td>
    </tr>
    <tr>
        <td
            align="center">Password: </td>
        <td align="center"><input size=\"20\"
                   type="password" size="20"
                   maxlength="15" name="password"></td>
    </tr>
    <tr>
        <td colspan="2"
            align="center"><input type="submit"
                                value="Login"></td>
    </tr>
</table>

关于php - 如何在 HTML 中将文本框对齐到屏幕中心?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33754436/

相关文章:

php - 使用 XMLReader 读取大于 1GB 的文件时出现问题

php - MySQLi 从有限制的两个表中选择

javascript - 如何使用ajax和$.post获取php页面中的参数

html - Twitter bootstrap 可切换标签的长度和间距

jquery - 单击另一个 div 时如何更改 div 的背景图像?

javascript - Codeigniter Jquery Ajax,无法将数据从 Controller 访问回html表单

java - 如何在文件位于 tomcat 服务器的 WEB-INF\classes\uploads 文件夹内的 HTML 页面中绑定(bind)图像

html - 所有元素的 flexbox 大小不一样

javascript - 你能用 JavaScript 判断一个元素是否与另一个元素接触吗?

html - CSS动画问题