Question

我有一个简单的登录表单宽度用户名和密码字段和提交按钮。在单击“提交”按钮之前，输入字段的宽度为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); ?>"/>

它不是任何div或任何东西。我想要的只是在提交表格之前和之后保持相同的宽度

以下是完整代码http://jsfiddle.net/kEWdd/

的链接

Answer 1

嘿，你能不能给我们一个完整的html页面，包括提交按钮和表格标签？问题可能在于form标签的原生样式。尝试造型。

或尝试类似的事情。

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

Answer 2

我正在尝试链接到jsfiddle，我没有遇到这个问题。如果您不使用stripcslashes，请尝试查看问题是否仍然存在。

Answer 3

感谢所有回答的人。我解决了这个问题。我在PHP标签之外回复了一些js代码。一旦我在头部内部移动回声，就会出现问题。

按下提交时，输入文本填充不断更改宽度

3 个答案: