好的,我正在创建一个简单的登录页面。这是我目前所拥有的;
<?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/