Use instead of

Ninja Forms doesn’t provide a native option to change the <input type=”submit”> element of the submit button into a <button> element directly through its interface. However, if you are comfortable with custom coding, there is a way to achieve this with some custom JavaScript and CSS.

Here’s an example script that you could use:

jQuery(document).ready(function($) {
    $(document).on('nfFormReady', function(e, layoutView) {
        $('input[type="submit"]').each(function() {
            var newButton = $('<button></button>')
                .attr('type', 'submit')
                .attr('id', $(this).attr('id'))
                .attr('class', $(this).attr('class'))
                .html($(this).val());

            $(this).replaceWith(newButton);
        });
    });
});