Title1

Title2

Title3

11-1-1 表單類別

 


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