Faire des champs éditables quand on clique sur un bouton

l'utilisateur de mon application doit être en mesure de changer l'email et le numéro de téléphone en cliquant sur un bouton "Modifier", c'est mon code:

    <div class="field-group">
     ...............
     ....................
        <div class="field field-omschrijving">
          <label class="label">E-mailadres</label><div>@client.email</div>
         </div>
         <div class="field field-omschrijving field-last">
           <label class="label">Telefoonnummer</label><div>@client.phoneNumber</div>
         </div>
         <input type="submit" class="form-submit" value="Change" name="op">
       </div><!-- /.field-group -->

J'ai été à la recherche d'une solution, mais sans succès, la moindre idée sur comment puis-je le faire? Merci!

Merci beaucoup pour la réponse rapide! Mais.. mon erreur, ce que je voulais dire, c'est que les champs doivent apparaître dans une "voie normale" et lorsque l'utilisateur clique sur le bouton modifier de changer les choses pour un "modifiable façon", pour l'instant, le champ e-mail ressemble à ceci:!Faire des champs éditables quand on clique sur un bouton
Je veux qu'il ressemble à ceci: Faire des champs éditables quand on clique sur un bouton

Et après avoir cliqué sur le bouton "Modifier" il a ressembler à la première image. Merci encore!

InformationsquelleAutor Anna | 2013-11-14