无法在chrome上编辑表单


Forms not able to be edited on chrome

我有一个可以在除chrome之外的所有浏览器中使用的表单,由于某种原因,chrome不允许我点击并键入表单字段,这是表单:

    <form action="registration.php" method="post">
    <fieldset>
        <p style="color:red; font-weight:bold; font-size:14px;"> <?php echo $errorMsg; ?> </p>
        <label style="margin-bottom:10px" for="username">Username</label>
        <input style="margin-bottom:10px"name="username" id="username" value="<?php print $username; ?>" type="text" />
        <label style="margin-bottom:10px" for="email">Email</label>
        <input style="margin-bottom:10px" name="email" id="email" value="<?php print $email; ?>" type="text" />
        <label style="margin-bottom:10px" for="emailconf">Confirm Email</label>
        <input style="margin-bottom:10px" name="emailconf" id="emailconf" value="<?php print $emailconf; ?>" type="text" />
        <label style="margin-bottom:10px" for="paypal">PayPal Email</label>
        <input style="margin-bottom:10px" name="paypal" id="paypal" value="<?php print $paypal; ?>" type="text" />
        <label style="margin-bottom:10px" for="pass">Password</label>
        <input style="margin-bottom:10px" type="password" value="<?php print $pass; ?>" name="pass" id="pass" onkeyup="passwordStrength(this.value)" />
        <label style="margin-bottom:10px" for="passwordconf">Confirm Password</label>
         <input style="margin-bottom:10px" name="passwordconf" id="passwordconf" value="<?php print $passwordconf; ?>" type="password" />
           <div style="height:35; color:black;" id="passwordDescription">Password not entered</div>
           <div id="passwordStrength" class="strength0"></div>
    </fieldset>
        <input style="float:right; margin-right:45%;" id="SaveAccount" type="submit" class="loginbtn" value="Submit Form"/>
    </form>

php打印是这样的,如果出现错误,他们就不必再次重新键入信息,据我所知,可以忽略这些信息。铬为什么会有这种行为,有什么原因吗?我决不是一个形式大师,但我过去也用同样的方式做过一些,如果有记忆的话,它们以前也起过作用。

快速修复:将position:relative添加到#main_wrapper

正确的解决方案:整个布局需要许多更改 重新设计(table,整排都是nbsp?严重吗?)