Question

我有一个简单的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">

任何想法？

Answer 1

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

您可以在不定位按钮元素的情况下执行此操作。但这意味着将所有内容包装在容器元素中并设置该元素的宽度以及text-align属性。或者您可以设置宽度并对齐表格的属性。

Answer 2

我解决了。

我的表单包含在 div 中，其类由 body onload 事件以编程方式设置。在设置类之前， div 的基础样式为 display：none 。在IE中，结果是点击返回键不提交表单。

样式化HTML提交按钮无法响应返回键

2 个答案: