Comment insérer une option de connexion ou d'enregistrement sur ma page Web

L'ajout d'une option de connexion à votre page Web donnera aux utilisateurs de votre site Web la possibilité de créer un nom d'utilisateur et un mot de passe. De nombreux sites Web ont des pages de connexion, de sorte que les utilisateurs peuvent accéder à des informations confidentielles ou exclusives. Le codage HTML suivant vous permettra d'ajouter un formulaire simple à votre site Web, qui dirigera les informations vers une base de données MySQL.

Étape 1

Créez une base de données dans votre MySQL. Cette base de données stockera le nom d'utilisateur et le mot de passe de chaque visiteur de votre site Web.

Étape 2

Recherchez le codage HTML de la page Web sur laquelle vous souhaitez ajouter les informations de connexion. Il s'agit généralement de la page d'accueil, mais il peut également s'agir d'une page Web distincte.

Étape 3

Une fois que vous êtes dans le codage HTML, choisissez l'endroit où vous souhaitez que vos informations de connexion apparaissent (généralement en haut de la page). Les informations de connexion doivent apparaître entre le et balises à afficher.

Étape 4

Ajoutez le code HTML suivant pour démarrer le formulaire de connexion :

Le codage "/bin/processmyform.php" fait référence à l'emplacement du fichier qui traitera les informations de nom d'utilisateur et de mot de passe. Cet emplacement de fichier se trouve dans votre base de données MySQL, qui a été créée. Une fois que vous avez localisé le fichier, renommez le codage "/bin/processmyform.php" afin que les informations soient dirigées. PHP est un langage informatique de traitement qui dirigera les informations des visiteurs du site Web de votre page Web vers la base de données, où vous pourrez accéder aux informations.

Étape 5

Directement sous le code précédent, ajoutez le code suivant pour le nom d'utilisateur :

C'est la partie du formulaire où le visiteur tape son nom. Vous pouvez remplacer « Connexion » ou « S'inscrire » à la place du nom d'utilisateur, si vous préférez.

Étape 6

Ajoutez le code suivant pour le mot de passe :

C'est la partie du formulaire où le visiteur tape son mot de passe.

Étape 7

Ajoutez le code suivant pour le bouton d'envoi :

Remplacez le bouton par « Connexion » ou « Inscription » ou « Envoyer » si vous le souhaitez.

Étape 8

Fermez votre codage HTML avec le

étiqueter.

Étape 9

Pour une référence facile, vérifiez votre codage par rapport au code suivant :

Enregistrez votre codage et regardez-le sur votre page Web. Essayez de saisir un nom d'utilisateur et un mot de passe de test pour vous assurer que le formulaire fonctionne correctement.