View/Edit html form

Question

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

Answer 1

попробовать этот

$(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 
    }); 


}); 

Answer 2

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