我正在尝试使用表格为输入创建表格

问题描述：

正如我所说的，我正在使用表格来创建表单。输入小，其标签适用于各种场合。我在一列中打开了三行以放置3行textarea。简单的我认为，但我得到了一个在实时视图中显示为OK的表格，但有一半的输入小占位符丢失，在设计视图（Dreamweaver）中它充满了破碎的标签。这里是没有textarea和代码的代码。我正在尝试使用表格为输入创建表格

没有

<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>

随着

<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"><textarea rows="3" class="input-xxlarge" placeholder=".input-xxlarge"></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>

干杯

在Dreamweaver不要相信。它可能会混淆。信任wrreed代码。你的代码工作正常，或者你唯一的问题是在Dreamweaver中的“破碎的标签”？ –

你有2个选项，你可以检查答案，我认为他们会解决你的问题。或者我的建议，使用Bootstrap http://getbootstrap.com/它使得这样做更容易。它也可以通过编辑或添加CSS规则到你的样式文件来适应你的模板需求 –

我比Bootstrap更喜欢基础：P –

答

您的问题是textarea的未关闭：

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

见</textarea>。这是必需的。

谢谢你。现在看来很明显。 – Hobittual

答

关闭场外与</textarea>：

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

我正在尝试使用表格为输入创建表格

相关推荐