線上書籍

 

<!-- 調用 WdatePicker.js--> <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/my97datepicker@4.8.0/skin/WdatePicker.css'> <script src='https://cdn.jsdelivr.net/npm/my97datepicker@4.8.0/WdatePicker.js'></script> <!-- ckeditor --> <script src="https://cdn.ckeditor.com/4.16.1/standard/ckeditor.js"></script> <h2 class="text-center mt-3">表單類別</h2> <form action="" id="myForm" class="mb-5"> <div class="row"> <div class="col-sm-3 mb-3"> <label>簡答<span class="text-danger"> *</span></label> <input type="text" class="form-control" name="col_1" id="col_1" value=""> </div> <div class="col-sm-12 mb-3"> <label>段落</label> <textarea class="form-control" name="col_2" id="col_2" rows="3"></textarea> </div> <div class="col-sm-2 mb-3"> <label class="control-label">下拉選單</label> <select name="col_3" id="col_3" class="form-select"> <option>選項1</option> <option selected="">選項2</option> <option>選項3</option> </select> </div> <div class="col-sm-2 mb-3"> <label>日期時間</label> <input type="text" class="form-control" name="col_4" id="col_4" value="" onclick="WdatePicker({dateFmt:'yyyy/MM/dd HH:mm:ss', startDate:' %y/%M/%d %H:%m:%s'})" autocomplete="off"> </div> <div class="col-sm-2 mb-3"> <label>日期</label> <input type="text" class="form-control" name="col_5" id="col_5" value="" onclick="WdatePicker({dateFmt:'yyyy/MM/dd', startDate:' %y/%M/%d %H:%m:%s'})" autocomplete="off"> </div> <div class="col-sm-2 mb-3"> <label>時間</label> <input type="text" class="form-control" name="col_6" id="col_6" value="" onclick="WdatePicker({dateFmt:'HH:mm:ss', startDate:' %y/%M/%d %H:%m:%s'})" autocomplete="off"> </div> <div class="col-sm-12 mb-3"> <label class="form-label d-grid">複選</label> <div class="form-check form-check-inline"> <input class="form-check-input" type="checkbox" id="col_7_1" value="option1" name='col_7[]'> <label class="form-check-label" for="col_7_1">選項1</label> </div> <div class="form-check form-check-inline"> <input class="form-check-input" type="checkbox" id="col_7_2" value="option2" name='col_7[]' checked> <label class="form-check-label" for="col_7_2">選項2</label> </div> <div class="form-check form-check-inline"> <input class="form-check-input" type="checkbox" id="col_7_3" value="option3" name='col_7[]'> <label class="form-check-label" for="col_7_3">選項3</label> </div> </div> <div class="col-sm-12 mb-3"> <label>網頁編輯器</label> <textarea class="form-control" name="col_8" id="col_8" rows="3"></textarea> </div> <!-- ckeditor start--> <script> CKEDITOR.replace('col_8'); CKEDITOR.config.allowedContent=true; </script> <!-- ckeditor end--> <div class="col-sm-12 d-grid"> <input type="hidden" name="op" id="op" value="set_make_source" > <button id="submit" type="submit" class="btn btn-primary btn-block">送出</button> </div> </div> </form>