Javascript 我正在尝试使用输入表创建一个表单

Javascript 我正在尝试使用输入表创建一个表单,javascript,html,Javascript,Html,正如我所说,我正在使用一个表来创建一个表单。输入小,它的标签适合不同的地方。我在一列中打开了三行来放置一个三行文本区域。我认为这很简单,但我得到了一个混乱的表格,它在live视图中显示正常,但缺少一半的输入小占位符,在design视图(Dreamweaver)中,它充满了破碎的标记。 这是不带文本区域和带的代码 没有 <table width="581" border="0" summary="Contact"> <caption> Personal

正如我所说,我正在使用一个表来创建一个表单。输入小,它的标签适合不同的地方。我在一列中打开了三行来放置一个三行文本区域。我认为这很简单,但我得到了一个混乱的表格,它在live视图中显示正常,但缺少一半的输入小占位符,在design视图(Dreamweaver)中,它充满了破碎的标记。 这是不带文本区域和带的代码

没有

    <table width="581" border="0" summary="Contact">
  <caption>
    Personal Details
  </caption>
  <tr>
    <td width="120">Full Name</td>
    <td width="226"><input class="input-small" type="text" placeholder=".input-small"></td>
    <td width="71">Phone</td>
    <td width="146"><input class="input-small" type="text" placeholder=".input-small"></td>
  </tr>
  <tr>
    <td>Postal Address</td>
    <td rowspan="4">&nbsp;</td>
    <td>Email</td>
    <td><input class="input-small" type="text" placeholder=".input-small"></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td rowspan="2">Emergency Contact</td>
    <td rowspan="2"><input class="input-small" type="text" placeholder=".input-small"></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>Postcode</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

个人资料
全名
电话
邮政地址
电子邮件
急救联系
邮政编码


个人资料
全名
电话
邮政地址
电子邮件
急救联系
邮政编码

干杯你的问题是文本区没有关闭:

<td rowspan="4"><textarea rows="3" class="input-xxlarge" placeholder=".input-xxlarge"></textarea></td>


请参见
。它是必需的。

关闭字段:


不要信任dreamweaver。这可能会让人困惑。信任写入的代码。您的代码工作正常,或者您唯一的问题是dreamweaver中的“坏标签”?您在这里有两个选项,您可以检查答案,我认为他们会解决您的问题。或者我的建议,使用Bootstrap,这样做会更容易。它也可以改变,以适应您的模板需要通过编辑或添加CSS规则到您的风格Fieli像更多的基础比Bootstrap,谢谢。现在看来很明显。
<td rowspan="4"><textarea rows="3" class="input-xxlarge" placeholder=".input-xxlarge"></textarea></td>