使用IDEA学习JSP代码第004课
Posted 虾米大王
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了使用IDEA学习JSP代码第004课相关的知识，希望对你有一定的参考价值。
new333.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>
<h2>表单</h2>
<hr>
<div class="container">
<form>
<div class="form-group">
<label for="control1">text</label>
<input type="text" id="control1" class="form-control">
</div>
<div class="form-group">
<label for="control2">password</label>
<input type="password" id="control2" class="form-control">
</div>
<div class="form-group">
<label for="control3">color</label>
<input type="color" id="control3" class="form-control">
</div>
<div class="form-group">
<label for="control4">date</label>
<input type="date" id="control4" class="form-control">
</div>
<div class="form-group">
<label for="control5">datetime-local</label>
<input type="datetime-local" id="control5" class="form-control">
</div>
<div class="form-group">
<label for="control6">email</label>
<input type="email" id="control6" class="form-control">
</div>
<div class="form-group">
<label for="control7">file</label>
<input type="file" id="control7" class="form-control">
</div>
<div class="form-group">
<label for="control9">month</label>
<input type="month" id="control9" class="form-control">
</div>
<div class="form-group">
<label for="control10">number</label>
<input type="number" id="control10" class="form-control">
</div>
<div class="form-group">
<label for="control11">range</label>
<input type="range" id="control11" class="form-control">
</div>
<div class="form-group">
<label for="control12">search</label>
<input type="search" id="control12" class="form-control">
</div>
<div class="form-group">
<label for="control13">tel</label>
<input type="tel" id="control13" class="form-control">
</div>
<div class="form-group">
<label for="control14">time</label>
<input type="time" id="control14" class="form-control">
</div>
<div class="form-group">
<label for="control15">week</label>
<input type="week" id="control15" class="form-control">
</div>
<div class="form-group">
<label for="control16">url</label>
<input type="url" id="control16" class="form-control">
</div>
<div class="form-group">
<input type="button" id="control17" class="form-control" value="button">
</div>
<div class="form-group">
<input type="reset" id="control18" class="form-control" value="reset">
</div>
<div class="form-group">
<input type="checkbox" id="control19">
<label for="control19">checkbox</label>
</div>
<div class="form-group">
<input type="radio" id="control20" >
<label for="control20">radio</label>
</div>
</form>
</div>
<hr>
<div class="container">
<form class="form-inline">
<div class="form-group">
<label for="username">username</label>
<input type="text" class="form-control" id="username" placeholder="username">
</div>
<div class="form-group">
<label for="pwd">pwd</label>
<input type="password" class="form-control" id="pwd" placeholder="pwd">
</div>
<button type="submit" class="btn btn-default">登录</button>
</form>
</div>
<hr>
<div class="container">
<form class="form-horizontal">
<div class="form-group">
<label for="control21" class="col-md-2 control-label">text</label>
<div class="col-md-9">
<input type="text" id="control21" class="form-control">
</div>
</div>
<div class="form-group">
<label for="control22" class="col-md-2 control-label">password</label>
<div class="col-md-9">
<input type="password" id="control22" class="form-control">
</div>
</div>
</form>
</div>
</body>
</html>
new334.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">
<textarea class="form-control" rows="5"></textarea>
<div class="checkbox">
<label>
<input type="checkbox" value="">
Option one is this and that—be sure to include why its great
</label>
</div>
<div class="checkbox disabled">
<label>
<input type="checkbox" value="" disabled>
Option two is disabled
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
Option one is this and that—be sure to include why its great
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
Option two can be something else and selecting it will deselect option one
</label>
</div>
<div class="radio disabled">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled>
Option three is disabled
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" value="">
运动
</label>
</div>
<label class="checkbox-inline">
<input type="checkbox" id="c1" value="">苹果
</label>
<label class="checkbox-inline">
<input type="checkbox" id="c2" value="">苹果
</label>
<label class="checkbox-inline">
<input type="checkbox" id="c3" value="">苹果
</label>
<label class="checkbox-inline">
<input type="checkbox" id="c4" value="">苹果
</label>
<br>
<label>
<input type="radio" name="sex" id="f1" value="">性别
</label>
<label>
<input type="radio" name="sex" id="f2" value="">性别
</label>
<label>
<input type="radio" name="sex" id="f3" value="">性别
</label>
<br>
<select class="form-control">
<option>选项</option>
<option>选项</option>
<option>选项</option>
<option>选项</option>
<option>选项</option>
</select>
<br>
<form class="form-horizontal">
<div class="form-group">
<label class="col-md-1 control-label" for="p1">标签</label>
<div class="col-md-5">
<p class="form-control-static" id="p1">静态标签</p>
</div>
</div>
<div class="form-group" >
<label class="control-label col-md-1" for="t1">text</label>
<div class="col-md-5">
<input type="text" id="t1" value="" placeholder="text" class="form-control">
</div>
</div>
</form>
<br>
<form>
<fieldset disabled>
<h3>disabled fieldset</h3>
<div class="form-group">
<label for="in1">禁用的输入框</label>
<input type="text" id="in1" class="form-control" placeholder="禁止输入内容">
</div>
<div class="form-group">
<label for="select1">禁用的下拉框</label>
<select id="select1" class="form-control">
<option>禁用</option>
</select>
</div>
<div class="checkbox">
<label>
<input type="checkbox"> 无法选择
</label>
</div>
<button type="submit" class="btn btn-primary">无法提交</button>
</fieldset>
</form>
<br>
<form>
<label for="help1">带有帮助提示的标签</label>
<input type="text" id="help1" class="form-control" aria-describedby="helpBlock1">
<span id="helpBlock1" class="help-block">提示性的文本内容</span>
</form>
<br>
<form>
<div class="form-group has-success">
<label class="control-label" for="inputSuccess1">带有成功提示的</label>
<input type="text" class="form-control" id="inputSuccess1" aria-describedby="helpBlock3">
<span id="helpBlock3" class="help-block">提示的内容</span>
</div>
<div class="form-group has-warning">
<label class="control-label" for="inputWarning1">带有警告提示的</label>
<input type="text" class="form-control" id="inputWarning1">
</div>
<div class="form-group has-error">
<label class="control-label" for="inputError1">带有错误提示的</label>
<input type="text" class="form-control" id="inputError1">
</div>
<div class="has-success">
<div class="checkbox">
<label>
<input type="checkbox" id="checkboxSuccess" value="option1">
选择成功
</label>
</div>
</div>
<div class="has-warning">
<div class="checkbox">
<label>
<input type="checkbox" id="checkboxWarning" value="option1">
选择警告
</label>
</div>
</div>
<div class="has-error">
<div class="checkbox">
<label>
<input type="checkbox" id="checkboxError" value="option1">
选择错误
</label>
</div>
</div>
</form>
</div>
</body>
</html>
以上是关于使用IDEA学习JSP代码第004课的主要内容，如果未能解决你的问题，请参考以下文章