Question

我有一个带有用户名和密码字段的表单，两者都标记为必需，还有一个提交按钮，用于在提交表单之前进行一些检查（运行javascript函数）。
HTML代码如下所示：

<input type="text" name="username" class="form-control" placeholder="username" required autofocus>
<input type="password" name="password" id="password" class="form-control" placeholder="password" required>
<button class="btn btn-lg btn-primary btn-block" onclick="myfunc(this.form,this.form.password) ">Sign in</button>

输入正确的用户名和密码后，单击登录按钮，Firefox只需清除密码字段并将其视为空。然后它继续说我需要填写密码字段。

我必须将按钮标记转换为输入标记才能正常工作。

<input type="button" value="Sign in" class="btn btn-lg btn-primary btn-block"
                    onclick="myfunc(this.form,this.form.password);">

按钮标签似乎可以在Safari中使用..

我暂时没有看到使用输入类型的危害，但我只是好奇为什么会在firefox中发生这种情况？

Answer 1

我遇到了同样的问题：

<input class="btn btn-lg btn-block" value="Submit" id="form-submit"/>

要修复它（脏）删除btn-block并添加内联CSS width:100%：

<input class="btn btn-lg" value="Submit" id="form-submit" style="width:100%"/>

Firefox 26上的Button标签行为不端

1 个答案: