Bootstrap Codeigniter 3 Form點擊編輯

Question

<legend data-target="#basic_information" data-toggle="collapse">Basic Information</legend> 
     <fieldset id="basic_information" class="collapse"> 
      <!-- Text input--> 
      <div class="form-group"> 
      <label class="col-sm-2 control-label" for="textinput">Screen Name</label> 
      <div class="col-sm-10"> 
       <input type="text" name="screen_name" placeholder="Screen Name" class="form-control"> 
      </div> 
      </div> 
      <!-- Text input--> 
      <div class="form-group"> 
      <label class="col-sm-2 control-label" for="textinput">First Name</label> 
      <div class="col-sm-10"> 
       <input type="text" name="first_name" placeholder="First Name" class="form-control"> 
      </div> 
      </div> 
         <!-- Text input--> 
      <div class="form-group"> 
      <label class="col-sm-2 control-label" for="textinput">Middle Name</label> 
      <div class="col-sm-10"> 
       <input type="text" name="middle_name" placeholder="Middle Name" class="form-control"> 
      </div> 
      </div> 

         <!-- Text input--> 
      <div class="form-group"> 
      <label class="col-sm-2 control-label" for="textinput">Last Name</label> 
      <div class="col-sm-10"> 
       <input type="text" name="last_name" placeholder="Last Name" class="form-control"> 
      </div> 
      </div> 

      <!-- Text input--> 
      <div class="form-group"> 
      <label class="col-sm-2 control-label" for="textinput">Birthdate</label> 
      <div class="col-sm-2"> 
       <select name="birthdate-month" id="birthdate-month"> 
       <option value="">month</option> 
       <?php foreach($month as $month_number => $month_name) { ?> 
       <option value="<?php echo $month_number; ?>" <?php echo set_select('birthdate-month', $month_number); ?>><?php echo $month_name; ?></option> 
       <?php } ?> 
      </select> 
      </div> 
      <div class="col-sm-2"> 
       <select name="birthdate-day" id="birthdate-day"> 
       <option value="">day</option> 
       <?php for($i=1; $i<=31; $i++){ ?> 
       <option value="<?php echo $i; ?>" <?php echo set_select('birthdate-day', $i); ?>><?php echo $i; ?></option> 
       <?php } ?> 
      </select> 
      </div> 
      <div class="col-sm-2"> 
       <select name="birthdate-year" id="birthdate-year"> 
       <option value="">year</option> 
       <?php for($i=(date("Y")-10); $i>=1930; $i--) { ?> 
       <option value="<?php echo $i; ?>" <?php echo set_select('birthdate-month', $i); ?>><?php echo $i; ?></option> 
       <?php } ?> 
      </select> 
      </div> 
      </div> 

      <!-- Text input--> 
      <div class="form-group"> 
      <label class="col-sm-2 control-label" for="textinput">Gender</label> 
      <div class="col-sm-10"> 
       <select name="gender" id="gender"> 
        <option value=""></option> 
        <option value="male">Male</option> 
        <option value="female">Female</option> 
       </select> 
      </div> 
      </div> 

      <!-- Text input--> 
      <div class="form-group"> 
      <label class="col-sm-2 control-label" for="textinput">Occupation</label> 
      <div class="col-sm-10"> 
       <input type="text" name="job" placeholder="Occupation" class="form-control"> 
      </div> 
      </div> 

      <!-- Text input--> 
      <div class="form-group"> 
      <label class="col-sm-2 control-label" for="textinput">Address</label> 
      <div class="col-sm-10"> 
       <input type="text" name="address" placeholder="Address" class="form-control"> 
      </div> 
      </div> 

      <div class="form-group"> 
      <div class="col-sm-offset-2 col-sm-10"> 
       <div class="pull-right"> 
       <button type="submit" class="btn btn-default">Cancel</button> 
       <button type="submit" class="btn btn-primary">Save</button> 
       </div> 
      </div> 
      </div> 

     </fieldset> 

我已經在上面的代碼中添加了Bootstrap的摺疊功能。每當我點擊基本信息文本時，它會顯示細節，因爲它默認是隱藏的。

我想要做的是與崩潰功能相同。

我希望上面的代碼是隻讀的，我很確定我可以用html做到這一點。

我想要做的就是讓我只需點擊輸入，它就可以讓我一個接一個編輯或者點擊一個按鈕，一切都將可編輯。

完全使用引導程序，就像我所做的與崩潰。

可能嗎？或者我需要使用jQuery。