Question

我正在创建一个regitration页面，其中包含bootstrap中的php，html和css。这是我的php文件。

<?php include "header.php"; ?>
<html>

<head></head>

<body>
  <!--content-->
  <div class=" container">
    <div class=" register">
      <h1>Register</h1>

      <?php if(isset($_GET[ 'error'])) { echo '<font color="red">'.$_GET[ 'error']. '</font>'; echo '<br><br>'; } if(isset($_GET[ 'ok'])) { echo '<font color="blue">You are successfully Registered..</font>'; echo '<br><br>'; } ?>


      <form action="process_register1.php" method="POST">
    </div>
    <div class="col-md-6 register-bottom-grid">
      <h3>Personal infomation</h3>
      <div>
        <span>Full Name</span>
        <input type="text" size="30" maxlength="30" name='fnm'>
      </div>
      <div>
        <span>Username</span>
        <input type="text" size="30" maxlength="30" name='unm'>
      </div>
      <div>
        <span>Password</span>
        <input type='password' name='pwd' size="30">
      </div>
      <div>
        <span> Confirm password</span>
        <input type='password' name='cpwd' size="30">
      </div>
      <div>
        <span> Gender</span>
        <input type="radio" value="Female" name="gender" id='f'>Female
        <input type="radio" value="Male" name="gender" id='m'>Male
      </div>
      <div>
        <span>E-mail address</span>
        <input type='mail' name='mail' size="30">
      </div>
      <div>
        <span> No contact</span>
        <input type="text" name='contact' size="30">
      </div>
      <div>
        <span> City</span>
        <select style="width: 195px;" name="city">

          <option>Tirana</option>
          <option>Korca</option>
          <option>Vlora</option>
          <option>Kavaja</option>



        </select>
      </div>


      <input type="submit" value="submit">


    </div>

    <div class="clearfix"></div>
    </form>
  </div>
  </div>

</body>

</html>

这是我的header.php文件：

<?php session_start(); require( 'config.php'); ?>
<!DOCTYPE html>
<html>

<head>
  <title>Online Shopping</title>
  <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  <script src="js/jquery.min.js"></script>
  <!-- Custom Theme files -->
  <!--theme-style-->
  <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
  <!--//theme-style-->
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="keywords" content="New Store Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
  <script type="application/x-javascript">
    addEventListener("load", function() {
      setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
      window.scrollTo(0, 1);
    }
  </script>
  <!--fonts-->
  <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900' rel='stylesheet' type='text/css'>
  <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900' rel='stylesheet' type='text/css'>
  <!--//fonts-->
  <!-- start menu -->
  <link href="css/memenu.css" rel="stylesheet" type="text/css" media="all" />
  <script type="text/javascript" src="js/memenu.js"></script>
  <script>
    $(document).ready(function() {
      $(".memenu").memenu();
    });
  </script>
  <script src="js/simpleCart.min.js">
  </script>
</head>

<body>
  <!--header-->
  <div class="header">
    <div class="header-top">
      <div class="container">
        <div class="search">
          <form>
            <input type="text" value="Search " onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}">
            <input type="submit" value="Go">
          </form>
        </div>
        <div class="header-left">
          <?php if(isset($_SESSION[ 'status'])) { echo '<ul><li><a href="logout.php">Logout</a></li></ul>'; } else { echo '<ul>
						<li ><a href="login1.php"  >Login</a></li>
						<li><a  href="register.php"  >Register</a></li>

					</ul>'; } ?>

          <div class="cart box_1">
            <a href="checkout.html">
              <h3> <div class="total">
							<span class="simpleCart_total"></span> (<span id="simpleCart_quantity" class="simpleCart_quantity"></span> items)</div>
							<img src="images/cart.png" alt=""/></h3>
            </a>
            <p><a href="javascript:;" class="simpleCart_empty">Empty Cart</a>
            </p>

          </div>
          <div class="clearfix"></div>
        </div>
        <div class="clearfix"></div>
      </div>
    </div>
    <div class="container">
      <div class="head-top">
        <div class="logo">
          <a href="index.html">
            <img src="images/logo.png" alt="">
          </a>
        </div>
        <div>
          <h1 class="title">Welcome 
							<?php 
								if(isset($_SESSION['status']))
								{
									echo $_SESSION['unm']; 
								}
								else
								{	
									echo 'Book Store';
								}
							?>
				</div>
		  <div class=" h_menu4">
				<ul class="memenu skyblue">
					  <li class="active grid"><a class="color8" href="index1.php">Home</a></li>	
				      <li><a class="color1" href="#">Categories</a>
				      <div class="mepanel">
						                        <div class="row">
				     
										<?php
									$query="select * from category ";
			                        $res=mysqli_query($conn,$query);
			                       
									while($row=mysqli_fetch_assoc($res))
									{ 
                                      echo'         <div class="col1">
								                      <div class="h_nav">
									                    <ul>';
                                  
										 echo '<li>
										        <a href="subcat.php?cat='.$row['cat_id'].'&catnm='.$row["cat_nm"].'">'.$row["cat_nm"].'
										        </a>
										       </li>';

									   
												
										
			                             }
													echo'	</ul>	
								                    </div>							
							                  </div>';





											mysqli_close($conn);
								          ?>

				      	
						
										
					
				   
								
				<li><a class="color6" href="contact.html">Contact Us</a></li>
			  </ul> 
			</div>
				
				<div class="clearfix"> </div>
		</div>
		</div>

	</div>

问题是当我尝试从localhost打开文件时，只显示页面标题，结果是：表格怎么可能不出现？

Answer 1

我认为，您的header.php开始使用doctype，<html>等正确的html页面...但是

之后

<?php include "header.php"; ?>

你再次启动你的html文件：

<html>
<head></head>
<body>

确保您的标记有效！

Answer 2

所以看起来你的标题文件不是标题，它是一个完整的HTML文档。它会打开文档（<html>），然后将其关闭（</html>）。因此，在之后包含标题的任何HTML都无法呈现 - 浏览器将呈现标题并假设文档已完成。

相反，您的头文件应该以标头标记结束的位置结束。通常这是内容容器的开头标记。

然后，当您包含头文件时，它将包含您的内容开始的所有标记，并且在您的表单文件中，您可以放置表单的代码，然后它将被呈现

在您的情况下，请尝试从头文件中删除</body>和</html>标记。尽管您的标记可能需要更新以使设计保持一致，但这可能会有效。此外，由于这些是由您的标头创建的，因此请从表单文件中删除<html>，<head></head>和<body>标记。

您还可以创建一个可以在表单内容后包含的页脚文件，它将关闭容器以及body和html标记。

修改

当我看到</body></html>时，可能已经滚动到第一个代码块的末尾，所以你可以忽略从头文件中删除它们的建议 - 它们似乎只在我的想象中存在。从文件中删除开头<html>，<body>和<head>标记应然后执行此操作。

在localhost中执行代码时，php文件中的部分html文件不会出现

2 个答案:

修改