Question

我正在尝试使用notepad ++在html和CSS中制作一个Sign-UP表单，但是每当我尝试在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>

Answer 1

添加引导程序和jQuery插件。
在HTML页面中，正确链接外部文件。
在头部添加外部链接。
保持文件夹结构整洁，以便于链接外部文件很容易。
如果一切正确，请转到以下链接来设置Chrome：https://www.webnots.com/fix-slow-page-loading-issue-in-google-chrome/

    <!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>

缓慢呈现的HTML页面

1 个答案: