时间戳

首页 > 解决方案 > 缓慢渲染的 Html 页面

html - 缓慢渲染的 Html 页面

问题描述

我正在尝试使用 notepad++ 在 html 和 CSS 中创建一个注册表单，但是每当我尝试在 chrome 上运行它时，它的加载速度都很慢。是配置错误还是什么？我究竟做错了什么？是否需要插件？这是我的全部代码：

<body>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-header">Register</div>
                    <div class="card-body">
                        <div class="form-group row">
                            <label for="full_name" class="col-md-4 ">Full Name</label>
                            <div class="col-md-6">
                                <input type="text"  class="form-control" name="full-name">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label for="email_address" class="col-md-4 ">E-Mail Address</label>
                            <div class="col-md-6">
                                <input type="text"  class="form-control" name="email-address">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label for="user_name" class="col-md-4 ">User Name</label>
                            <div class="col-md-6">
                                <input type="text"  class="form-control" name="username">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label for="password" class="col-md-4 ">Password</label>
                            <div class="col-md-6">
                                <input type="password"  class="form-control">
                            </div>
                        </div>

                        <div class="col-md-6 stylish" offset-md-4>
                            <button type="submit" class="btn btn-primary"">
                            Register
                            </button>
                        </div>
                    </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

</body>
</html>

标签： htmlcssbootstrap-4notepad++

解决方案

    <!DOCTYPE html>
    <html>
    <body>
      <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-8">
                        <div class="card">
                            <div class="card-header">Register</div>
                            <div class="card-body">
                                    <div class="form-group row">
                                        <label for="full_name" class="col-md-4 ">Full Name</label>
                                        <div class="col-md-6">
                                            <input type="text"  class="form-control" name="full-name">
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label for="email_address" class="col-md-4 ">E-Mail Address</label>
                                        <div class="col-md-6">
                                            <input type="text"  class="form-control" name="email-address">
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label for="user_name" class="col-md-4 ">User Name</label>
                                        <div class="col-md-6">
                                            <input type="text"  class="form-control" name="username">
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label for="password" class="col-md-4 ">Password</label>
                                        <div class="col-md-6">
                                            <input type="password"  class="form-control">
                                        </div>
                                    </div>


                                        <div class="col-md-6 stylish" offset-md-4>
                                            <button type="submit" class="btn btn-primary"">
                                            Register
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                </div>
            </div>
        </div>
    </body>
    </html>

推荐阅读