输入文本显示在下一行

在http://www.bigbasket.com上，对于“Qty”的输入将在IE9的情况下进入下一行。它在IE7/8，FF和Chrome上很好。但由于某种原因，它正在打破IE9。输入文本显示在下一行

2012-10-25 Siddharth Srivastava

问题可能是您没有正确使用标签。标签应该包含文本“qty”，并且输入不应该在标签内。例如。

<label for="p10000159_qty">Qty:</label> 
<input id="p10000159_qty" class="qtyTxtField" name="pqty" maxLength="2" value="1" type="text">

编辑，如果你无论是3px的减少.qtyTextField的宽度，或起飞margin-left:3px它的工作原理。它正在转移到下一行，因为该行没有足够的空间用于IE。

来源

2012-10-25 13:35:01

'input'元素可以放在'label's里面。用法是正确的。该文本可能应该在'label'元素中，但我不完全确定这是否会导致此问题。 –

如果您验证HTML，对于每个标签，您将会看到以下错误： *'元素的结束标签“标签”未打开'* [检查网站的W3C验证]（http：//validator.w3 .org/check？verbose = 1＆uri = http％3A％2F％2Fbigbasket.com％2F）但是你说得对，它不是它在ie9中不能正确显示的原因，但它可能有助于使它在浏览器中更加一致。 –

我尝试了上面的方法，但它仍然没有奏效。我认为IE9应用某种默认样式。但不知道。 –

输入文本显示在下一行

回答

相关问题