Tutoriaux PHP débutant : les variables - création d'un formulaire.

Nous allons désormais pouvoir créer notre première page interactive.
Pour cela nous allons utiliser un formulaire et créer une page PHP utilisant des variables afin de recevoir le contenu de ce formulaire.

Les variables

$nom

Une variable contient une information temporaire et reprend les valeurs d'une fonction.

Dans l'exemple qui suit les variables vont utiliser les valeurs du formulaire et vont permettre d'afficher le contenu de celui-ci. Nous allons créer deux pages, toujours dans notre dossier website.
- La première va se nommer bonjour.html
- La seconde va se nommer bonjour.php

Ouvrez la page bonjour.html.
Nous allons créer ici  notre premier formulaire. Écrivez les lignes suivantes dans le code source de votre éditeur (sans faire de copier-coller 😉 ) :

<!doctype html>
<html>
<head>
</head> 

<body>

<form method ="post" action="bonjour.php">
<br>
Votre nom : <input type="text" name="nom">
<br>
<input type="submit" name="submit" value="envoyer"> 
</form>

</body>
</html>

Un formulaire s'écrit donc entre les balises <form> et </form>.

La première ligne du formulaire précise que les données du formulaire sont envoyées à la page bonjour.php.

La page bonjour.html est donc en HTML et faîte d'instructions HTML .
Ouvrez votre page dans votre navigateur afin de vérifier que le formulaire s'affiche correctement.

La page bonjour.html
formulaire PHP

Passons maintenant à la page bonjour.php.
Ouvrez-la et écrivez dans le code source :

<!doctype html>
<html>
<head>
</head>

<body>
<?
/*J'identifie les variables*/
$name = $_POST["nom"];
/*j'affiche les résultats du formulaire*/
echo "bonjour $name";
?>

</body> 
</html>

On a donc dans un premier temps identifier les variables, puis on récupère les résultats du formulaire grâce aux variables.
Vérifiez que vous n'avez pas fait d'erreur en écrivant votre code : remplissez votre formulaire en ligne sur la page bonjour.html et envoyez le.

La page bonjour.php doit s'afficher.
post formulaire PHP

Recommencez en ajoutant prénom au formulaire et vérifiez le résultat sur votre navigateur. Si vous obtenez une erreur vous pouvez vérifier le code source ci-dessous.

⇒⇒voir le résultat code source formulaire simple PHP

Les différents types de variables

Les variables sont indispensables et il est donc essentiel de bien assimilé leur fonctionnement dés le début. Pour cela, nous allons voir les différents types de variables et mettre en pratique avec de petits exercices.

Comme nous l'avons vu les variables sont constituées de deux éléments:
- leurs noms (que vous choisissez et qui est précédé du signe dollar$)
- leur valeur précédée du signe =
$poids = 54

Les variables peuvent stockées différents types de données :
- les chaînes de caractères (string) qui contiennent du texte
$nom="thierry"
- les nombres entiers (int)
$age=17 (sans guillement)
- les nombres décimaux (float)
$poids=54.5 (écrit avec un point et non une virgule)
- les boléens (boolean) ayant comme valeur true (vrai) ou false (faux)
- Null qui représente des variables vides (absence de valeur)

Les différents types de variables seront vus au fur et à mesure des tutos.

Comme vous pouvez le voir pour les variables de type string (texte), leurs valeurs sont entourées de guillemets doubles ou simples.
Il est préférable de s'habituer dés le départ aux guillemets simples pour la concaténation (assemblage du texte et des variables).
Les guillemets simples vont rendre plus lisibles la chaîne de caractères.

Par exemple avec des guillemets doubles :
echo "en 2050 j'aurai $age ans";

avec des guillemets simples :
echo 'en 2050 j\'aurai  ' . $age . ' ans';

Les guillemets simples permettent de bien délimiter la variable qui est là entourée de points.
Vous pouvez voir également l' antislash dans j\'aurais. Si vous ne le mettez pas avant une apostrophe, cela indiquerait que votre chaîne est interrompue. L'apostrophe serait considérée comme un guillemet simple indiquant la fin du texte.

Attention également aux espaces. Tester en écrivant sur votre page index.php ce code :

<?
$age=50;
echo 'en 2050, j\'aurai'.$age.'ans';
?>

 

Voici le résultat :

Vous pouvez voir que vous n'avez pas d'espace. Il vous faut donc rajouter les espaces à la fin de 'j\'aurais' et avant ' ans'.

Retour haut de page