Просмотр / редактирование HTML-формы

Question

У меня есть форма, которая отображает данные, я хочу, чтобы она также работала как HTML-форма, когда пользователь нажимает «Изменить», поля становятся редактируемыми и при сохранении форма будет отправлена.какие-либо указатели на реализацию?

Answer 1

Я думаю, вы могли бы отключить элементы формы и переписать стандартный стиль, чтобы он все равно выглядел нормально.

Answer 2

попробуйте

$(document).ready({
    var span_field = ".spn_data"
    var btn_edit = "#btnedit"
    var btn_save = "#btnsave"

    $(btn_edit).click(function(){
        $(span_field).each(function(){
            $(this).replaceWith("<input type='text' value='" + $(this).html() + "' class='spn_data' />");
        });
    });

    $(btn_save).click(function(){
        $(span_field).each(function(){
            $(this).replaceWith("<span  class='spn_data'>" + $(this).val() + "'</span>");
        });
        // do save
    });


});