加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
add-blog.html 8.06 KB
一键复制 编辑 原始数据 按行查看 历史
风原 提交于 2022-04-03 18:07 . 去掉select2,太难用了。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.ico">
<title>Preclinic - Medical & Hospital - Bootstrap 4 Admin Template</title>
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/tagsinput.css">
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<!--[if lt IE 9]>
<script src="assets/js/html5shiv.min.js"></script>
<script src="assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="content">
<div class="row">
<div class="col-lg-8 offset-lg-2">
<h4 class="page-title">Add Blog</h4>
</div>
</div>
<div class="row">
<div class="col-lg-8 offset-lg-2">
<form>
<div class="form-group">
<label>Blog Name</label>
<input class="form-control" type="text">
</div>
<div class="form-group">
<label>Blog Images</label>
<div>
<input class="form-control" type="file">
<small class="form-text text-muted">Max. file size: 50 MB. Allowed images: jpg, gif, png. Maximum 10 images only.</small>
</div>
<div class="row">
<div class="col-md-3 col-sm-3 col-4 col-lg-3 col-xl-2">
<div class="product-thumbnail">
<img src="assets/img/blog/blog-thumb-01.jpg" class="img-thumbnail img-fluid" alt="">
<span class="product-remove" title="remove"><i class="fa fa-close"></i></span>
</div>
</div>
<div class="col-md-3 col-sm-3 col-4 col-lg-3 col-xl-2">
<div class="product-thumbnail">
<img src="assets/img/placeholder-thumb.jpg" class="img-thumbnail img-fluid" alt="">
<span class="product-remove" title="remove"><i class="fa fa-close"></i></span>
</div>
</div>
<div class="col-md-3 col-sm-3 col-4 col-lg-3 col-xl-2">
<div class="product-thumbnail">
<img src="assets/img/placeholder-thumb.jpg" class="img-thumbnail img-fluid" alt="">
<span class="product-remove" title="remove"><i class="fa fa-close"></i></span>
</div>
</div>
<div class="col-md-3 col-sm-3 col-4 col-lg-3 col-xl-2">
<div class="product-thumbnail">
<img src="assets/img/placeholder-thumb.jpg" class="img-thumbnail img-fluid" alt="">
<span class="product-remove" title="remove"><i class="fa fa-close"></i></span>
</div>
</div>
<div class="col-md-3 col-sm-3 col-4 col-lg-3 col-xl-2">
<div class="product-thumbnail">
<img src="assets/img/placeholder-thumb.jpg" class="img-thumbnail img-fluid" alt="">
<span class="product-remove" title="remove"><i class="fa fa-close"></i></span>
</div>
</div>
<div class="col-md-3 col-sm-3 col-4 col-lg-3 col-xl-2">
<div class="product-thumbnail">
<img src="assets/img/placeholder-thumb.jpg" class="img-thumbnail img-fluid" alt="">
<span class="product-remove" title="remove"><i class="fa fa-close"></i></span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label>Blog Category</label>
<select class="select">
<option>Health Care</option>
<option>Child</option>
<option>AHealth Care</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Blog Sub Category</label>
<select class="select">
<option>Health Care</option>
<option>Health Care</option>
<option>Health Care</option>
<option>Health Care</option>
<option>Health Care</option>
<option>Health Care</option>
<option>Health Care</option>
</select>
</div>
</div>
</div>
<div class="form-group">
<label>Blog Description</label>
<textarea cols="30" rows="6" class="form-control"></textarea>
</div>
<div class="form-group">
<label>Tags <small>(separated with a comma)</small></label>
<input type="text" placeholder="Enter your tags" data-role="tagsinput" class="form-control">
</div>
<div class="form-group">
<label class="display-block">Blog Status</label>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="status" id="blog_active" value="option1" checked>
<label class="form-check-label" for="blog_active">
Active
</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="status" id="blog_inactive" value="option2">
<label class="form-check-label" for="blog_inactive">
Inactive
</label>
</div>
</div>
<div class="m-t-20 text-center">
<button class="btn btn-primary submit-btn">Publish Blog</button>
</div>
</form>
</div>
</div>
</div>
<script src="assets/js/jquery-3.2.1.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/jquery.slimscroll.js"></script>
<script src="assets/js/tagsinput.js"></script>
<script src="assets/js/app.js"></script>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化