<!-- 調用 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>