樣式化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提交按鈕未能響應返回鍵

回答

相關問題