Question

我正在使用Adobe Dreamweaver创建一个包含php和html的网站，并由'000webhost.com'免费托管。因此，在我的一个页面中，特别是我的“inventory_list.php”页面，我有一个包含输入字段的表。

在Dreamweaver上看起来像这样：

但是当我在互联网上加载它时，它看起来像这样：

放大：

它不会显示表格的其余部分以及页面的其余部分。

这是我的inventory_list.php：

<!doctype html>
    <html>
<head>
<meta charset="utf-8">
<title>Inventory List</title>
<link rel="stylesheet" href="../style/style.css" type="text/css" media="screen" />
</head>

<body>
<div align="center" id="mainWrapper">
<?php include_once("../template_header.php");?>
<div id="pageContent"><br/>

  <div align = "right" style="margin-right:32px;"><a href="#inventory_list.php#inventoryForm">+ Add New T-Shirt</a></div>
<div align="left"style="margin-left:24px">
  <h2>Inventory List</h2>
    <?php echo $product_list; ?>
    <p></p>
</div>
<a name="inventorForm" id="inventoryForm"></a>
<h3>Add New Inventory Form</h3>


<form action="inventory_list.php" enctype="multipart/form-data" name="myForm" id="myForm" method="post">
<table width="646" border="1">
  <tbody>
    <tr>
      <td width="131">Product Name &nbsp;</td>
      <td width="339"><label><input name="product_name" type="text" id="prdouct_name" size="60"/>&nbsp;</label></td>
    </tr>
    <tr>
      <td>Product Price &nbsp;</td>
      <td><label>Php&nbsp;<input name="productPrice" type="text" id="productPrice" size="20"/>&nbsp;</label></td>
    </tr>
    <tr>
      <td>Category &nbsp;</td>
      <td><label><select name="category" id="category">
      			 <option value=""></option>
                 <option value="NBA">NBA</option>
                 <option value="PBA">PBA</option>
                 </select></label></td>
    </tr>
    <tr>
      <td>Size</td>
      <td><label><select name="size" id="size">
      			 <option value=""></option>
                 <option value="small">S</option>
                 <option value="medium">M</option>
                 <option value="large">L</option>
                 </select></label></td>
    </tr>
    <tr>
      <td>Product Details&nbsp;</td>
      <td><label><textarea name="productDetails" type="textarea" id="productDetails" cols="64" rows="5"/></label></td>
    </tr>
    <tr>
      <td>Product Image&nbsp;</td>
      <td><label><input type="file" name = "fileField" id="fileField" />&nbsp;</label></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td><label><input type="submit" name="button" id="button" value="Add this item now"/></label></td>
    </tr>
   
  </tbody>
</table>
</form>


<br />
<br />
<br />

  </div>

  
<div>
   

</div>

</div>
</body>
</html>

在textarea上显示后，它在Dreamweaver上正常显示。对不起，我必须在这里提出类似的内容，但我们的进度演示将在明天，我需要继续编码。所有帮助都非常受欢迎:)

Answer 1

您没有正确关闭<textarea>。你让它自动关闭（<textarea />）而不是</textarea>

以下修改后的代码， live fiddle here

<!doctype html>
    <html>
<head>
<meta charset="utf-8">
<title>Inventory List</title>
<link rel="stylesheet" href="../style/style.css" type="text/css" media="screen" />
</head>

<body>
<div align="center" id="mainWrapper">
<?php include_once("../template_header.php");?>
<div id="pageContent"><br/>
<div align="center" id="mainWrapper">
<?php include_once("../template_header.php");?>
<div id="pageContent"><br/>

  <div align = "right" style="margin-right:32px;"><a href="#inventory_list.php#inventoryForm">+ Add New T-Shirt</a></div>
<div align="left"style="margin-left:24px">
  <h2>Inventory List</h2>
    <?php echo $product_list; ?>
    <p></p>
</div>
<a name="inventorForm" id="inventoryForm"></a>
<h3>Add New Inventory Form</h3>


<form action="inventory_list.php" enctype="multipart/form-data" name="myForm" id="myForm" method="post">
<table width="646" border="1">
  <tbody>
    <tr>
      <td width="131">Product Name &nbsp;</td>
      <td width="339"><label><input name="product_name" type="text" id="prdouct_name" size="60"/>&nbsp;</label></td>
    </tr>
    <tr>
      <td>Product Price &nbsp;</td>
      <td><label>Php&nbsp;<input name="productPrice" type="text" id="productPrice" size="20"/>&nbsp;</label></td>
    </tr>
    <tr>
      <td>Category &nbsp;</td>
      <td><label><select name="category" id="category">
                 <option value=""></option>
                 <option value="NBA">NBA</option>
                 <option value="PBA">PBA</option>
                 </select></label></td>
    </tr>
    <tr>
      <td>Size</td>
      <td><label><select name="size" id="size">
                 <option value=""></option>
                 <option value="small">S</option>
                 <option value="medium">M</option>
                 <option value="large">L</option>
                 </select></label></td>
    </tr>
    <tr>
      <td>Product Details&nbsp;</td>
      <td><label><textarea name="productDetails" type="textarea" id="productDetails" cols="64" rows="5"></textarea></label></td>
    </tr>
    <tr>
      <td>Product Image&nbsp;</td>
      <td><label><input type="file" name = "fileField" id="fileField" />&nbsp;</label></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td><label><input type="submit" name="button" id="button" value="Add this item now"/></label></td>
    </tr>

  </tbody>
</table>
</form>


<br />
<br />
<br />

  </div>


<div>


</div>

</div>
</body>
</html>

Html无法在互联网上正确加载，但在Dreamweaver

1 个答案: