慕UI2113602
2020-02-11 11:22
分享又失效了,都拿不到代码了
感谢大佬
感谢分享!
谢谢谢谢!!
感谢分享!
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>表单</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> </head> <body> <!-- 头部 --> <div class="jumbotron"> <div class="container"><h2>轻松学会Larvel</h2> <p>表单</p></div> </div><!-- 中间内容区域 --> <div class="container"> <div class="row"> <!-- 左侧菜单区域 --> <div class="col-md-3"> <div class="list-group"><a href="#" class="list-group-item active">学生列表</a> <a href="#" class="list-group-item">新增学生</a> </div> </div> <!-- 右侧内容区域 --> <div class="col-md-9"> <!-- 成功提示框 --> <div class="alert alert-success alert-dismissible"> <button type="buttn" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span> </button> <strong>成功!</strong><!-- 操作成功提示 --> </div> <!-- 失败提示框 --> <div class="alert alert-danger alert-dismissible"> <button type="buttn" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span> </button> <strong>失败!</strong><!-- 操作失败提示 --> </div> <div class="panel panel-default"> <div class="panel-heading">学生列表</div> <table class="table table-striped table-hover table-responsive"> <thead> <tr> <th>ID</th> <th>姓名</th> <th>年龄</th> <th>性别</th> <th>添加时间</th> <th width="120">操作</th> </tr> </thead> <tbody> <tr> <th scope="row">1</th> <td>Mark</td> <td>18</td> <td>男</td> <td>2016-01-01</td> <td><a href="">详情</a> <a href="">修改</a> <a href="">删除</a></td> </tr> <tr> <th scope="row">1</th> <td>Mark</td> <td>18</td> <td>男</td> <td>2016-01-01</td> <td><a href="">详情</a> <a href="">修改</a> <a href="">删除</a></td> </tr> <tr> <th scope="row">1</th> <td>Mark</td> <td>18</td> <td>男</td> <td>2016-01-01</td> <td><a href="">详情</a> <a href="">修改</a> <a href="">删除</a></td> </tr> </tbody> </table> </div> <!-- 分页 --> <div> <ul class="pagination pull-right"> <li><a href="#" aria-label="Previous"> <span aria-hidden="true">«</span> </a></li> <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> <li><a href="#" aria-label="Next"> <span aria-hidden="true">»</span> </a></li> </ul> </div> </div> </div> </div><!-- 尾部 --> <div class="jumbotron" style="margin: 0;"> <div class="container"><span> @2016 imooc </span></div> </div> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>表单</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> </head> <body> <!-- 头部 --> <div class="jumbotron"> <div class="container"><h2>轻松学会Larvel</h2> <p>表单</p></div> </div><!-- 中间内容区域 --> <div class="container"> <div class="row"> <!-- 左侧菜单区域 --> <div class="col-md-3"> <div class="list-group"><a href="#" class="list-group-item active">学生列表</a> <a href="#" class="list-group-item">新增学生</a> </div> </div> <!-- 右侧内容区域 --> <div class="col-md-9"> <!-- 所有错误提示 --> <div class="alert alert-danger"> <ul> <li>姓名不能为空</li> <li>年龄只能为整数</li> <li>请选择性别</li> </ul> </div> <!-- 自定义内容区域 --> <div class="panel panel-default"> <div class="panel-heading">新增学生</div> <div class="panel-body"> <form class="form-horizontal"> <div class="form-group"><label for="name" class="col-sm-2 control-label">姓名</label> <div class="col-sm-5"><input type="text" class="form-control" id="name" placeholder="请输入学生姓名"></div> <div class="col-sm-5"><p class="form-control-static text-danger">姓名不能为空</p></div> </div> <div class="form-group"><label for="age" class="col-sm-2 control-label">年龄</label> <div class="col-sm-5"><input type="text" class="form-control" id="age" placeholder="请输入学生年龄"></div> <div class="col-sm-5"><p class="form-control-static text-danger">年龄只能为整数</p></div> </div> <div class="form-group"><label for="sex" class="col-sm-2 control-label">性别</label> <div class="col-sm-5"><label class="radio-inline"> <input type="radio" name="sex" value="option1"> 未知 </label> <label class="radio-inline"> <input type="radio" name="sex" value="option2"> 男 </label> <label class="radio-inline"> <input type="radio" name="sex" value="option3"> 女 </label> </div> <div class="col-sm-5"><p class="form-control-static text-danger">请选择性别</p></div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <button type="submit" class="btn btn-primary">提交</button> </div> </div> </form> </div> </div> </div> </div> </div><!-- 尾部 --> <div class="jumbotron" style="margin: 0;"> <div class="container"><span> @2016 imooc </span></div> </div> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>表单</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> </head> <body> <!-- 头部 --> <div class="jumbotron"> <div class="container"><h2>轻松学会Larvel</h2> <p>表单</p></div> </div><!-- 中间内容区域 --> <div class="container"> <div class="row"> <!-- 左侧菜单区域 --> <div class="col-md-3"> <div class="list-group"><a href="#" class="list-group-item active">学生列表</a> <a href="#" class="list-group-item">新增学生</a> </div> </div> <!-- 右侧内容区域 --> <div class="col-md-9"> <!-- 自定义内容区域 --> <div class="panel panel-default"> <div class="panel-heading">学生详情</div> <table class="table table-bordered table-striped table-hover"> <tbody> <tr> <td width="50%">ID</td> <td>1</td> </tr> <tr> <td>姓名</td> <td>sean</td> </tr> <tr> <td>年龄</td> <td>18</td> </tr> <tr> <td>性别</td> <td>男</td> </tr> <tr> <td>添加日期</td> <td>2016-01-01</td> </tr> <tr> <td>最后修改</td> <td>2016-03-01</td> </tr> </tbody> </table> </div> </div> </div> </div><!-- 尾部 --> <div class="jumbotron" style="margin: 0;"> <div class="container"><span> @2016 imooc </span></div> </div> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> </body> </html>
轻松学会Laravel-表单篇
32662 学习 · 255 问题
相似问题