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

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 的文本

HTML form inputs not accepting text with IE11

html

forms

input

internet-explorer-11