Sommaire

La source des données

1. Saisir des données

Dans les exemples précédents, les données stockées localement étaient directement saisies dans les scripts. L’objectif était d’appréhender les fonctions natives de Web Storage. Bien sûr, dans la réalité des développements, cela n’est pas envisageable.

Dans l’exemple qui va suivre, nous allons utiliser un groupe de boutons radio et deux champs pour obtenir des données. L’utilisateur va saisir des informations que nous allons ensuite stocker localement.

Voici la structure de la page :

<!DOCTYPE html> 
<html> 
    <head> 
        <meta charset="UTF-8"> 
        <title>Ma page</title> 
    </head> 
    <body> 
        <h3>Données Saisies</h3> 
        <fieldset> 
            <legend>Civilité</legend> 
            <p> 
                <input type="radio" id="monsieur" value="Monsieur" 
name="civilite" /> 
                <label for="monsieur">Monsieur</label> 
            </p> 
         ...