Question

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Win the week web portal portal</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" type="text/css" href="{{url_for('static',filename='main.css')}}">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js">
</head>
<body>
<div class="container-fluid" id="main">
	<div class="row">
		<div class="col-sm-8">
			<img class="img-fluid" src="{{url_for('static',filename='images/image.png')}}" id="sideimage">
		</div>
		<div class="col-sm-4">
			<div class="container"  id ="inbound1">
				<h3 id="tophead1">WELCOME TO</h2><br>
				<h2 id="tophead2">Win The Week Web<sup id="sup">TM</sup> Portal</h2>
				<h5 id="tophead3">Scorecard</h5>
				<img class="img-fluid" src="{{url_for('static', filename='images/logo.png')}}" id="logo">
			</div>
			<div class="container"  id ="inbound2">
				<form action="#" method="post" name="formdata">
					<label for="username" id="label1"><strong>Username:</strong></label>
					<input type="email" name="username" id="username" required>
					<br>
					<label for="password" id="label2"><strong>Password:</strong></label>
					<input type="password" name="password" id="password" placeholder="Password" required>
					<br>
					<div class="container">
						<button class="btn btn-primary" id="login" name="login" type="submit" value="Login">Login</button>
					</div>
					<h4 id="tophead4" ><a href="/" id="forgot">Forgot password?</a>


				</form>
			</div>
		</div>
	</div>
</div>
</body>
</html>

上面的代码确实包含主体部分，但未在调试器控制台中显示。我尝试删除缓存，安装了不同的浏览器，但都徒劳无功。

我正在尝试学习flask，这就是为什么url路径指定不同的原因。

Answer 1

您的标头中缺少</script>标记，可以解决您遇到的问题。

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Win the week web portal portal</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" type="text/css" href="{{url_for('static',filename='main.css')}}">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js"></script>
</head>
<body>
<div class="container-fluid" id="main">
    <div class="row">
        <div class="col-sm-8">
            <img class="img-fluid" src="{{url_for('static',filename='images/image.png')}}" id="sideimage">
        </div>
        <div class="col-sm-4">
            <div class="container"  id ="inbound1">
                <h3 id="tophead1">WELCOME TO</h2><br>
                <h2 id="tophead2">Win The Week Web<sup id="sup">TM</sup> Portal</h2>
                <h5 id="tophead3">Scorecard</h5>
                <img class="img-fluid" src="{{url_for('static', filename='images/logo.png')}}" id="logo">
            </div>
            <div class="container"  id ="inbound2">
                <form action="#" method="post" name="formdata">
                    <label for="username" id="label1"><strong>Username:</strong></label>
                    <input type="email" name="username" id="username" required>
                    <br>
                    <label for="password" id="label2"><strong>Password:</strong></label>
                    <input type="password" name="password" id="password" placeholder="Password" required>
                    <br>
                    <div class="container">
                        <button class="btn btn-primary" id="login" name="login" type="submit" value="Login">Login</button>
                    </div>
                    <h4 id="tophead4" ><a href="/" id="forgot">Forgot password?</a>


                </form>
            </div>
        </div>
    </div>
</div>
</body>
</html>

Body标签未在HTML的inspect元素中呈现

1 个答案: