<!DOCTYPE html> <html lang="ja-JP"> <head> <meta charset="utf-8"> <title>帳票出力|A Book Check</title> <meta name="robots" content="index, follow"> <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> <meta name="description" content="A Book Check"> <link rel="stylesheet" type="text/css" href="css/app.css"> <link rel="stylesheet" type="text/css" href="css/fontawesome_relative_path.css"> </head> <body> <header> <nav class="navbar navbar-dark bg-primary"> <a href="index.html" class="navbar-brand category-btn lht-0"> <i class="fas fa-chevron-left fs-12 p-1"></i> <span class="d-none d-md-inline fs-10"> 戻る </span> </a> <div class="d-block text-white"> <div class="page_title"> 帳票出力 </div> </div> <div></div> </nav> </header> <div class="container-fluid mb-5"> <main> <div class="bg-lightblue wide-wrap mb-4"> <div class="container-fluid py-3"> <h1 class="fs-14 font-weight-bold">検温表Ⅱ</h1> <div class="font-weight-bold">ver.2 2021/02/12</div> <section class="bg-white p-3 mt-4"> <div class="block-title mb-3 pb-2"> <h2 class="fs-12 text-center">①日報発行・確認</h2> </div> <div class="form-group"> <label for="monthly">月度</label> <select class="form-control" id="monthly"> <option>月度を選択</option> <option>…</option> </select> </div> </section> <section class="bg-white p-3 mt-4"> <div class="block-title mb-3 pb-2"> <h2 class="fs-12 text-center">②検温入力</h2> </div> <label for="input_date">入力日</label> <div class="d-flex"> <div class="form-group"> <div class="input-group date" id="datetimepicker1" data-target-input="nearest"> <input type="text" name="start" class="form-control datetimepicker-input" data-target="#datetimepicker1" placeholder="選択"> <div class="input-group-append" data-target="#datetimepicker1" data-toggle="datetimepicker"> <div class="input-group-text"><i class="far fa-calendar"></i></div> </div> </div> </div> <div class="p-2"> ~ </div> <div class="form-group"> <div class="input-group date" id="datetimepicker2" data-target-input="nearest"> <input type="text" name="end" class="form-control datetimepicker-input" data-target="#datetimepicker2" placeholder="選択"> <div class="input-group-append" data-target="#datetimepicker2" data-toggle="datetimepicker"> <div class="input-group-text"><i class="far fa-calendar"></i></div> </div> </div> </div> </div> <div class="form-group"> <label for="department">部署</label> <select class="form-control" id="department"> <option>部署を選択</option> <option>…</option> </select> </div> <div class="form-group"> <label for="name">名前</label> <div class="input-group"> <input type="text" class="form-control" id="name" placeholder="名前を入力"> <div class="input-group-append"> <span class="input-group-text">を含む</span> </div> </div> </div> </section> </div> </div> <div class="text-center"> <button type="submit" class="btn btn-outline-primary"> <i class="fas fa-print fs-12 mr-2"></i> PDFとして出力 </button> </div> </main> </div> <script type="text/javascript" src="js/app.js" defer></script> </body> </html>