我有一个firefox插件,它通过一个小部件显示一个面板。
如果我直接加载html文件,则没有问题。
但是,当通过面板使用表单时,如果我按下提交按钮,光标将移动到最终文本输入字段正下方的奇怪位置。如果我按Tab键三次,我也可以简单地达到这个位置。
只有在通过firefox插件小部件 - >面板加载html时才会出现这种情况。
这是一张显示不合适光标的图片:
这是html:
<html>
<head>
<link rel="stylesheet" type="text/css" href="../css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../css/main.css">
<link rel="stylesheet" type="text/css" href="../css/login.css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
<head>
<body>
<div class="outer-container">
<div class="col-centered col-lg-12">
<div class="row">
<div class="header">
<img src="../img/logo.png" height="100px">
</div>
</div>
<div class="row">
<h3>
<p class="welcome-message">
Sign in or
<a target="_blank" href="someaddress" class="create-account-link" id="create-account-link" >create an account</a>
</p>
</h3>
<form class="form-horizontal" role="form" style="width:100%">
<div class="form-group">
<input type="text" id="username-field" class="form-control" placeholder="Username" name="username" required>
</div>
<div class="form-group">
<input type="password" id="password-field" class="form-control" placeholder="Password" name="password" required>
</div>
<div class="form-group">
<a id="login-button-link" type="submit" value="Sign In" class="btn btn-success block" style="width:100%">Sign In</a>
</div>
</form>
</div>
</div>
</div>
</body>
</html>