使用IDEA学习JSP代码第006课

Posted 虾米大王

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用IDEA学习JSP代码第006课相关的知识,希望对你有一定的参考价值。

new337.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="dropdown">
<button type="button" class="btn btn-default" id="drop1" data-toggle="dropdown">
下拉 <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
</ul>
</div>
<br>
<div class="dropup">
<button type="button" class="btn btn-default" id="drop2" data-toggle="dropdown">
上提 <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
</ul>
</div>
<br>
<div class="dropdown">
<button type="button" class="btn btn-default" id="drop3" data-toggle="dropdown">
下拉菜单 <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li class="dropdown-header">标题</li>
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li class="dropdown-header">标题</li>
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
</ul>
</div>
<br>
<div class="dropdown">
<button type="button" class="btn btn-default" id="drop4" data-toggle="dropdown">
下拉菜单 <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li class="dropdown-header">标题</li>
<li><a href="#">选项</a></li>
<li class="divider"></li>
<li><a href="#">选项</a></li>
<li class="dropdown-header">标题</li>
<li><a href="#">选项</a></li>
<li class="divider"></li>
<li><a href="#">选项</a></li>
</ul>
</div>
<br>
<div class="dropdown">
<button type="button" class="btn btn-default" id="drop5" data-toggle="dropdown">
下拉菜单 <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li class="disabled"><a href="#">禁用</a></li>
<li class="disabled"><a href="#">禁用</a></li>
</ul>
</div>
<br>
<div class="btn-group">
<button type="button" class="btn btn-default">新建</button>
<button type="button" class="btn btn-default">修改</button>
<button type="button" class="btn btn-default">删除</button>
</div>
<br>
<div class="btn-toolbar">
<div class="btn-group">
<button type="button" class="btn btn-default">按钮1</button>
<button type="button" class="btn btn-default">按钮2</button>
<button type="button" class="btn btn-default">按钮3</button>
</div>
<div class="btn-group">
<button type="button" class="btn btn-default">按钮1</button>
<button type="button" class="btn btn-default">按钮2</button>
<button type="button" class="btn btn-default">按钮3</button>
</div>
<div class="btn-group">
<button type="button" class="btn btn-default">按钮1</button>
<button type="button" class="btn btn-default">按钮2</button>
<button type="button" class="btn btn-default">按钮3</button>
</div>
</div>
<br>
<div class="btn-group">
<button type="button" class="btn btn-default">1</button>
<button type="button" class="btn btn-default">2</button>
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
下拉 <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
</ul>
</div>
</div>
<br>
<div class="btn-group-vertical">
<button type="button" class="btn btn-default">button</button>
<button type="button" class="btn btn-default">button</button>
<button type="button" class="btn btn-default">button</button>
<button type="button" class="btn btn-default">button</button>
<button type="button" class="btn btn-default">button</button>
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
下拉 <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
</ul>
</div>
</div>
<br>
<div class="btn-group btn-group-justified">
<div class="btn-group"><button type="button" class="btn btn-default">按钮</button></div>
<div class="btn-group"><button type="button" class="btn btn-default">按钮</button></div>
<div class="btn-group"> <button type="button" class="btn btn-default">按钮</button></div>
</div>
<br>
<div class="btn-group btn-group-justified" >
<div class="btn-group" >
<button type="button" class="btn btn-default">Left</button>
</div>
<div class="btn-group" >
<button type="button" class="btn btn-default">Middle</button>
</div>
<div class="btn-group" >
<button type="button" class="btn btn-default">Right</button>
</div>
</div>


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

new338.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="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
default <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
</ul>
</div>
<div class="btn-group">
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
primary <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
</ul>
</div>
<div class="btn-group">
<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">
info <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
</ul>
</div>
<div class="btn-group">
<button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown">
warning <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
</ul>
</div>
<div class="btn-group">
<button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
danger <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
</ul>
</div>
<div class="btn-group">
<button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown">
success <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
</ul>
</div>
<hr>
<div class="btn-group">
<button type="button" class="btn btn-default">default</button>
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
&nbsp;<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
</ul>
</div>
<div class="btn-group">
<button type="button" class="btn btn-primary">primary</button>
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
&nbsp;<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
</ul>
</div>
<div class="btn-group">
<button type="button" class="btn btn-success">success</button>
<button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown">
&nbsp;<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
</ul>
</div>
<div class="btn-group">
<button type="button" class="btn btn-info">info</button>
<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">
&nbsp;<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
</ul>
</div>
<div class="btn-group">
<button type="button" class="btn btn-warning">warning</button>
<button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown">
&nbsp;<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
</ul>
</div>
<div class="btn-group">
<button type="button" class="btn btn-danger">danger</button>
<button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
&nbsp;<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
</ul>
</div>
<hr>
<!-- Large button group -->
<div class="btn-group">
<button class="btn btn-default btn-lg dropdown-toggle" type="button" data-toggle="dropdown">
Large button <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
</ul>
</div>

<!-- Small button group -->
<div class="btn-group">
<button class="btn btn-default btn-sm dropdown-toggle" type="button" data-toggle="dropdown">
Small button <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
</ul>
</div>

<!-- Extra small button group -->
<div class="btn-group">
<button class="btn btn-default btn-xs dropdown-toggle" type="button" data-toggle="dropdown">
Extra small button <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
</ul>
</div>

<hr>
<div class="btn-group dropup">
<button type="button" class="btn btn-default">向上</button>
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
&nbsp;<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
<li><a href="#">选项</a></li>
</ul>
</div>
</div>
</body>
</html>


以上是关于使用IDEA学习JSP代码第006课的主要内容,如果未能解决你的问题,请参考以下文章

使用IDEA学习JSP代码第007课

使用IDEA学习JSP代码第008课

[Python]小甲鱼Python视频第006课(Pyhon之常用操作符)课后题及参考解答

Java学习系列第4课--Java Web相关

Android在线课程教学网课学习(Android,AndroidStudio,IDEA,SpringBoot,Mysql)

网上图书商城项目学习笔记-006验证码功能