Question

我有一个PHP注册页面。表单使用标准html作为输入（我相信）。它适用于Safari，Chrome，Firefox和Edge，但不接受IE11输入字段中的任何输入。

您可以尝试使用该页面（已删除 - 与解决方案无关）。

以下是我用于表单的代码（更新 - 代码很好，与解决方案无关）：

                         <form method="post" autocomplete="off">

                            <!-- Signup heading  -->
                            <div class="input-logo-image-container">
                                <img class="input-logo-image" style="height:28px;"
                                    src="../common/images/logos/addologo150.png"
                                    alt="Addo•Zone" />
                                <span class="input-logo-text" style="font-size:24px;">Choose a Username</span>
                            </div>  <!-- /infobar-logo-image-container -->

                            <p style="margin: 10px 10px;color: #ccc;">
                                Already have a Username? <a style="color: #99ccff;" href='login.php'>&nbsp;Login</a>
                            </p>
                            <hr>

                            <div class="form-group">
                                <input type="email" name="email" id="email"
                                    class="form-control input-lg" placeholder="Email Address&#42;"
                                    value="<?php if(isset($error)){ echo $_POST['email']; } ?>"
                                    tabindex="1">
                            </div>

                            <div class="form-group">
                                <input type="text" name="username" id="username"
                                    class="form-control input-lg" placeholder="Username&#42;"
                                    tabindex="2"
                                    value="<?php if(isset($error)){ echo $_POST['username']; } ?>">
                            </div>

                            <!-- Not currently used for input, so hidden -->
                            <div class="form-group">
                                <input type="hidden" name="usertype" id="usertype" tabindex="5"
                                    value="2">
                            </div>

                            <!-- Not currently used for input, so hidden -->
                            <div class="form-group">
                                <input type="hidden" name="fullname" id="fullname"
                                    class="form-control input-lg"
                                    value="<?php if(isset($error)){ echo $_POST['fullname']; } ?>"
                                    tabindex="6">
                            </div>

                            <!-- Not currently used for input, so hidden -->
                            <div class="form-group">
                                <input type="hidden" name="city" id="city"
                                    class="form-control input-lg"
                                    value="<?php if(isset($error)){ echo $_POST['city']; } ?>"
                                    tabindex="7">
                            </div>

                            <div class="row">
                                <div class="col-xs-6 col-sm-6 col-md-6">
                                    <div class="form-group">
                                        <input type="password" name="password" id="password"
                                            class="form-control input-lg" placeholder="Password&#42;"
                                            tabindex="3">
                                    </div>
                                </div>

                                <div class="col-xs-6 col-sm-6 col-md-6">
                                    <div class="form-group">
                                        <input type="password" name="passwordConfirm"
                                            id="passwordConfirm" class="form-control input-lg"
                                            placeholder="Confirm Password&#42;" tabindex="4">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-xs-4"></div>
                                <div class="col-xs-4">
                                    <input style="background-color: #336699" type="submit"
                                        name="submit" value="Submit"
                                        class="btn btn-primary btn-block btn-lg" tabindex="5">
                                </div>
                                <div class="col-xs-4"></div>
                            </div>

                        </form>

希望你能帮助我解决这个问题。我知道这一定是一个常见的问题，我很惊讶我找不到其它的参考资料。

干杯。

Answer 1

解决。问题是由一个css样式文件引起的，它将body的z-index设置为-1。其他页面元素（主要，部分，形式，div等）具有更大且正的z-index数字并不重要（仅限IE11）。

将body的z-index更改为+1解决了问题。

HTML表单输入不接受IE11的文本

1 个答案: