Signaturepad to sign form online

Question

Hi Team

I need help below how to create a signature for users to sign application online using jquery, bootstrap and html. Here is the code below

/**
 * @author:Gcobani Mkontwana
 * @date:02/03/2023
 * Signature pad draws signature
 * 
 */
  <script type="text/javascript">
  
 var signature = $("#signature").jSignature({'UndoButton':true});
  </script>

// Front end using html

   <!-- signature Section -->
    <div id="signature-pad" class="sig sigWrapper">
    <div class="m-signature-pad--body">
        <canvas class="pad"></canvas>
        <label>Signature </label>
        <input type="signature" name="signature" id="signature" value="">
    </div>
</div>
</div>