當按下提交時，輸入文本填充不斷變化的寬度

我有一個簡單的登錄表單寬度用戶名和密碼字段並提交按鈕。按下提交按鈕之前，輸入字段的寬度爲212px，如預期的那樣。當我點擊提交按鈕時，寬度更改爲200px。當按下提交時，輸入文本填充不斷變化的寬度

這裏是輸入的CSS：

.textInput { 
     padding: 6px; 
     width: 200px; 
     background-color: #15242A; 
     border: none; 
     color: #BFE6FE; 
     margin: 2px; 
     display: inline-block; 
}

這裏是輸入：

<input type="text" class="textInput" name="username" value="<?php if (isset ($username)) echo stripcslashes($username); ?>"/>

這是不以任何股利或任何東西。我只希望它保持相同的寬度之前和之後我提交表單

下面是完整的代碼http://jsfiddle.net/kEWdd/

來源

2012-09-29 khuderm

你可以與你的代碼在這裏分享：http://jsfiddle.net/ – WooCaSh

我想你也使用PHP？ –

是的我使用PHP，但我遺漏了那部分，因爲我認爲它並不重要 – khuderm

感謝大家的回答。我解決了這個問題。我在PHP中迴應了一些在html標籤之外的js代碼。一旦我將頭部內的回聲移開，問題就消失了。

來源

2012-10-04 13:33:44 khuderm

我試圖鏈接到的jsfiddle一個鏈接，我不說了問題。請嘗試查看當您不使用stripcslashes時問題是否仍然存在。

來源

2012-09-29 08:57:17 pzin

嘿，你可以請給我們完整的HTML頁面，包括提交按鈕和表單標籤？問題可能出在form標籤的原生樣式上。嘗試造型。

或嘗試類似的東西。

form{ 
    display : inline-block; 
    width : 200px; 
    margin : 0; 
    padding : 0; 
}

來源

2012-09-29 09:16:08

代碼在鏈接 – khuderm

所以我測試了代碼。甚至下載它！無論我嘗試多少，我都無法複製您的結果錯誤。你能指定你使用的網頁瀏覽器嗎？ –

當按下提交時，輸入文本填充不斷變化的寬度

回答

相關問題