How to change input into text

The original state

  <div class="form-group">
        <label class="col-sm-3 control-label"> materiel ID：</label>
        <div class="col-sm-8">
             <input name="goodsId" th:field="*{goodsId}" class="form-control" type="text">
        </div>
    </div>
   <div class="form-group">
        <label class="col-sm-3 control-label"> supplier ID：</label>
         <div class="col-sm-8">
            <input name="supplierId" th:field="*{supplierId}" class="form-control" type="text">
        </div>
    </div>                              
            

Modified state

                 <div class="form-group">
                      <label class="col-sm-3 control-label"> name ：</label>
                         <div class="col-sm-8">
                              <p class="form-control-static" th:text="*{goodsName}"></p>
                         </div>
                  </div>

                  <div class="form-group">
                     <label class="col-sm-3 control-label"> specifications ：</label>
                     <div class="col-sm-8">
                           <p class="form-control-static" th:text="*{goodsSpec}"></p>
                      </div>
                   </div>
            

It's mainly about
< input name=“goodsId” th:field=“*{goodsId}” class=“form-control” type=“text”>
Change to
< p class=“form-control-static” th:text=“*{goodsSpec}”>