使用IDEA学习JSP代码第007课
Posted 虾米大王
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了使用IDEA学习JSP代码第007课相关的知识，希望对你有一定的参考价值。
new339.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../other/boot/css/bootstrap.min.css">
<script type="text/javascript" src="../other/jQuery/jQuery-3.4.1.js"></script>
<script type="text/javascript" src="../other/boot/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="input-group">
<span class="input-group-addon">@</span>
<input type="text" class="form-control" placeholder="Username">
</div>
<br>
<div class="input-group">
<input type="text" class="form-control" placeholder="Email username">
<span class="input-group-addon">@example.com</span>
</div>
<br>
<div class="input-group">
<span class="input-group-addon">$</span>
<input type="text" class="form-control">
<span class="input-group-addon">.00</span>
</div>
<br>
<label for="url2">请输入url地址</label>
<div class="input-group">
<span class="input-group-addon">https://example.com/users/</span>
<input type="text" class="form-control" id="url2">
</div>
<hr>
<ul class="nav nav-tabs">
<li class="active"><a href="#">页1</a></li>
<li><a href="#">页2</a></li>
<li><a href="#">页3</a></li>
<li><a href="#">页4</a></li>
<li><a href="#">页5</a></li>
</ul>
<br>
<ul class="nav nav-pills">
<li><a href="#">页1</a></li>
<li class="active"><a href="#">页2</a></li>
<li><a href="#">页3</a></li>
<li><a href="#">页4</a></li>
<li><a href="#">页5</a></li>
</ul>
<br>
<div class="row">
<div class="col-md-1">
<ul class="nav nav-tabs nav-stacked">
<li><a href="#">页1</a></li>
<li><a href="#">页2</a></li>
<li class="active"><a href="#">页3</a></li>
<li><a href="#">页4</a></li>
<li><a href="#">页5</a></li>
</ul>
</div>
</div>
<br>
<div class="row">
<div class="col-md-1">
<ul class="nav nav-pills nav-stacked">
<li><a href="#">页1</a></li>
<li><a href="#">页2</a></li>
<li><a href="#">页3</a></li>
<li class="active"><a href="#">页4</a></li>
<li><a href="#">页5</a></li>
</ul>
</div>
</div>
<br>
<ul class="nav nav-tabs">
<li class="active"><a href="#">页1</a></li>
<li><a href="#">页2</a></li>
<li class="disabled"><a href="#">禁用</a></li>
<li class="disabled"><a href="#">禁用</a></li>
<li class="disabled"><a href="#">禁用</a></li>
</ul>
<br>
<ul class="nav nav-tabs">
<li class="active"><a href="#">页1</a></li>
<li><a href="#">页2</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button">
页3 <span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>
new340.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../other/boot/css/bootstrap.min.css">
<script type="text/javascript" src="../other/jQuery/jQuery-3.4.1.js"></script>
<script type="text/javascript" src="../other/boot/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bar1">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">导航商标</a>
</div>
<div class="collapse navbar-collapse" id="bar1">
<ul class="nav navbar-nav">
<li class="active"><a href="#">首页</a></li>
<li><a href="#">其他页</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">下拉 <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">选项</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">选项</a></li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-left">
<div class="form-group">
<input type="text" class="form-control" placeholder="搜索...">
</div>
<button type="submit" class="btn btn-default">搜索一下</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">管理员</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">我的 <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">选项</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bar2">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">
<img src="../images/1.jpg">
</a>
</div>
<div class="collapse navbar-collapse" id="bar2">
<ul class="nav navbar-nav">
<li class="active"><a href="#">首页</a></li>
<li><a href="#">其他页</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">下拉菜单 <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">选项</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">选项</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">管理员</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">我的 <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">选项</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</body>
</html>
以上是关于使用IDEA学习JSP代码第007课的主要内容，如果未能解决你的问题，请参考以下文章