Afficher/Modifier le formulaire html

Question

J'ai un formulaire qui affiche des données, je veux qu'il se comporte comme un formulaire HTML, lorsque l'utilisateur clique sur 'Modifier' les champs deviendraient éditables et enregistrer le formulaire sera soumis. des pointeurs à la mise en œuvre?

Answer 1

essayer cette

$(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

Je pense que vous pouvez définir les éléments de formulaire pour désactiver et remplacer le style standard afin qu'il semble toujours normal.