如何将此 PHP 打印的 HTML 表单设置为保留在 <p> 标记内？

Question

所以我正在为我的网站构建一个相当简单的登录页面。 只有登录表单，一个由 PHP echo 命令打印的 HTML 表单，不想留在 HTML <p></p> 标记中。 代码如下：

<div ID="loginbox"><p> 
<?php
$db = mysqli_connect( $dbHost, $dbUser, $dbPass ) or die("Cannot connect to the server");?>

<?php      
if($_SESSION['authenticated']) { //// See if the user's logged in 
echo "You are logged in as $name "; //// If they are show message  
} else { //// if not logged show login form 
echo '<form action="login.php" method="post"><input type="hidden" name="ac" value="log"> '; 
echo 'Username: <input type="text" name="name" />';
echo '<br /> Password: <input type="password" name="password" />';
echo '<br /> <input type="submit" value="Login" />'; 
echo '</form><br />';
echo '<a href="registeruser.php">Don&#146;t have a login? click here to register</a>'; 
}
?>                
</p>
</div>

这里是相关的 CSS：

#loginbox {
border-radius: 15px;
color: black;
position:inherit;
width: 250px;
height: 100px;
margin-left: auto;
margin-right: auto;
margin-top: 55px;
}
#loginbox  > p {
border-radius: 15px;
background-color:white;
box-shadow:0 0 20px rgba(0, 0, 0, 0.4);
height:387px;
Width:500px;
top:60px;
left:50px;
font-family: palatino;
padding:50px 50px 37.5px 37.5px;}

#loginbox > form {    position: inherit;
z-index: 3;
top: 150px;
padding-left: 36px;
margin: 0 auto;}


#loginbox a:visited
{color:#010101;}

#loginbox a:hover
{color:#010101;}

#loginbox a:active
{color:#000000;}

And click here to see how it looks in-browser

Answer 1

基本问题：

主要错误是<p> 不允许包含非内联 内容。您可以完全删除<p> 和[</p>][1]， 或者，将它们移到 <form> 内。

至于“为什么”，这是因为它在架构中是这样定义的 定义什么是有效的 XHTML 什么是无效的。如果你看这个 XHTML definition 的部分你会看到 <p> 只是 允许包含文本或“内联”（不是“块”）标签。然而一个 <form> 算作“阻止”内容而不是“内联”内容。

换句话说，表单可以包含段落，但段落不能 包含表格。

Answer 2

我在浏览器中看到<p> 标记在<form> 标记之前打开和关闭，另一个<p> 标记在</form> 标记之后打开和关闭。

<p> 标签仅用于格式化文本内容。使用<div> 标签而不是<p> 标签。

Answer 3

<form> 元素不允许在 <p> 元素中。您的浏览器看到此无效代码并决定纠正此问题的最佳方法是在 <form> 开始之前假装<p> 已结束。

如果您将<p> 替换为<div>，您的代码将执行您想要的操作。