使用IDEA学习JSP代码第004课

【使用IDEA学习JSP代码第004课】别裁伪体亲风雅，转益多师是汝师。这篇文章主要讲述使用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="https://www.songbingjia.com/other/boot/css/bootstrap.min.css">
< script type="text/javascript" src="https://www.songbingjia.com/other/jQuery/jQuery-3.4.1.js"> < /script>
< script type="text/javascript" src="https://www.songbingjia.com/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="https://www.songbingjia.com/android/button">
< /div>
< div class="form-group">
< input type="reset" id="control18" class="form-control" value="https://www.songbingjia.com/android/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="https://www.songbingjia.com/other/boot/css/bootstrap.min.css">
< script type="text/javascript" src="https://www.songbingjia.com/other/jQuery/jQuery-3.4.1.js"> < /script>
< script type="text/javascript" src="https://www.songbingjia.com/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& mdash; 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="https://www.songbingjia.com/android/option1" checked>
Option one is this and that& mdash; be sure to include why its great
< /label>
< /div>
< div class="radio">
< label>
< input type="radio" name="optionsRadios" id="optionsRadios2" value="https://www.songbingjia.com/android/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="https://www.songbingjia.com/android/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="https://www.songbingjia.com/android/option1">
选择成功
< /label>
< /div>
< /div>
< div class="has-warning">
< div class="checkbox">
< label>
< input type="checkbox" id="checkboxWarning" value="https://www.songbingjia.com/android/option1">
选择警告
< /label>
< /div>
< /div>
< div class="has-error">
< div class="checkbox">
< label>
< input type="checkbox" id="checkboxError" value="https://www.songbingjia.com/android/option1">
选择错误
< /label>
< /div>
< /div>
< /form>
< /div>
< /body>
< /html>