1

我正在尝试在我的表单中的电子邮件字段旁边放置一个状态图像（如果电子邮件正确则显示勾号，否则显示交叉）。 问题是我的注册表单使用表格方法，所以图像没有显示在字段旁边而是在它下面。有谁可以帮我离开这里吗？

这是我试图做的，但仍然没有按照我想要的方式工作。

<table width="500" border="0">
<tr><td width="210" height="45">Email:</td><td>
<input type="text" size="40" name="userEmail" id="userEmail" onkeyup="checkEmail(this.value);" onblur="checkEmail(this.value);" maxlength="60" />
**<img id="status" src="images/bad.png" style="margin-left:5px; vertical-align:middle;" alt="Status" /></td></tr>**
</table>
4

3 回答 3

1

由于您的图像是复选标记和 x，因此只需使用 unicode 等效项：

  • &#10004;= ✔
  • &#10008;= ✘

并且完全摆脱图像。

于 2013-05-16T09:20:48.773 回答
1

问题是因为<td>没有足够的空间来容纳文本字段和图像。

要么增加更多的宽度，要么增加<table>第二个<td>将解决问题。

于 2013-05-16T09:21:42.400 回答
1

它现在需要的只是适应空间。

<table width="650px" border="0">
<tr><td width="210px" height="45">Email:</td><td>
<input type="text" size="40" name="userEmail" id="userEmail" onkeyup="checkEmail(this.value);" onblur="checkEmail(this.value);" maxlength="60" />
**<img id="status" src="https://www.google.ca/images/srpr/logo4w.png" width="125px" height="50px" style="margin-left:5px; vertical-align:middle;" alt="Status" /></td></tr>**
</table>

看看这个fiddle，改变的是包含列的表的大小。您可以减少输入宽度，也可以通过增加表格宽度来增加空间。

于 2013-05-16T09:23:00.870 回答