htmlフォームを表示/編集する

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

私は、フォームの要素を無効にして、標準のスタイリングを上書きして、通常のように見えると思うと思います。