样式化HTML提交按钮未能响应返回键

我有一个简单的HTML表单，即：样式化HTML提交按钮未能响应返回键

<form> 
    <p> 
     <input type="text" name="text" /> 
    </p> 
    <p class="buttonPara"> 
     <input type="submit" name="submit" /> 
    </p> 
</form>

和简单的样式表，即：

p.buttonPara 
{ 
    position: relative; 
} 
p.buttonPara input 
{ 
    position: absolute; 
    left: 50px; 
}

提交按钮没有响应返回键，除非我从

<p class="buttonPara">

任何想法任何人？

来源

2009-11-23 Moose Factory

在哪个浏览器中你看到这种行为？ – mensch 2009-11-23 16:03:46

即使您在按钮上按下鼠标，移动按钮，鼠标移动然后按下Return键，它是否会失败？ – Pops 2009-11-23 16:07:19

对不起，我应该说（你可能已经猜到了） - IE8。它适用于Firefox。 – 2009-11-23 16:09:00

我解决了它。

我形式包含在DIV，有它类由身体的onload事件编程设定。直到类别设置为止，div的底层样式为display：none。在IE中，结果是按回车键不会提交表单。

来源

2009-11-24 16:26:06

我不确定你想要完成什么以及为什么采取这种方法。你想在上面的文本框中间对齐按钮吗？

你可以做到这一点，而无需定位按钮元素。但是，这意味着将所有内容都包装在容器元素中，并设置该元素的宽度以及text-align属性。或者你可以设置宽度和对齐表格的属性。

来源

2009-11-23 16:16:25 mensch

我的网站完全“可访问”，并且按钮图形对于用户是可选的。 “buttonPara”也有一个背景图像，并且该按钮被移动到右侧以适应它。那些选择不看图形的用户根本就没有得到样式表链接，所以按钮出现在正常位置。所有人都说，这不是我想要解决的问题。 – 2009-11-23 16:22:26

因此，在这种情况下，为什么不将表单的宽度或提交按钮周围的包装div设置为需要的值，并在样式表的场景中将该元素的“text-align”属性设置为“正确”被加载。因为解决由您的方法触发的IE8错误可能需要一些JavaScript黑客入侵。这将导致禁用JavaScript的IE8用户受到冷遇。 – mensch 2009-11-24 11:05:02

样式化HTML提交按钮未能响应返回键

回答

相关问题