在FF和IE中呈现页面时出现问题

Question

我经常遇到FF和IE之间的页面不能正确渲染的问题。不是我下面的代码。“选择一个帐户”应该在下拉列表的旁边，例如:选择一个帐户类型：“然后我的表单”然而当我想要它在“选择一个帐户”旁边时，我的表单转到下一行。在IE中，它可以在FF中正确渲染，但不能。

<p><b><strong>Select an Account Type
<FORM NAME="myform">
<SELECT NAME="mylist">
<OPTION VALUE="traditional">Traditional Account
<OPTION VALUE="paperless">Paperless Account

</SELECT>
</FORM></b></strong></p>

Answer 1

问题是文本"Select an Account Type“在表单元素之外。并且表单元素具有由浏览器应用的默认边距和填充。

我建议使用下面的代码

<form name="myform">
<label for="mylist"><strong>Select an Account Type</strong></label> <select id="mylist" name="mylist"><option value="traditional">Traditional Account</option>
<option value="paperless">Paperless Account</option></select>
</form>

希望这能有所帮助

Answer 2

这个标记真的很难看。无论如何，您的问题是<form>元素(根据标准)是块元素。要解决此问题，请使用以下CSS：

form { display: inline; }

Answer 3

欢迎来到xhtml...STOP使用CAPS它刺痛我的眼睛。

<form name="myform">
<label for="mylist">Select an Account Type</label>
<select id="mylist" name="mylist">
<option value="traditional">Traditional Account</option>
<option value="paperless">Paperless Account</option>
</select>
</form>