Formulaire de connexion html [Résolu/Fermé]

Signaler
Messages postés
10
Date d'inscription
mercredi 24 janvier 2018
Statut
Membre
Dernière intervention
24 décembre 2018
-
Messages postés
10
Date d'inscription
mercredi 24 janvier 2018
Statut
Membre
Dernière intervention
24 décembre 2018
-
Bonjour,
Je commence a coder en html et je ne sais pas comment faire un formulaire de connexion du genre :
si "password" = monMotDePase et "username" = monNomDutilisateur
allez a "maPageDaccueil

Question sécurité je n'en ai pas besoin c'est juste pour un ami je vais même pas poster ce code sur internet.

En espérant que vous ayez réponse a mes questions et en vous remerciant d'avance...
bapt07

A voir également:

3 réponses

Messages postés
31200
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
26 janvier 2021
3 212
Bonjour,

Tu ne peux pas le faire juste en HTML
Il te faut, derrière ça, un "vrai" langage de programmation (html n'est pas un langage à proprement parlé).
Soit du Javascript (si tu n'as vraiment besoin d'aucune (mais aucune aucune...) sécurité.
Soit d'un langage serveur comme du PHP.
Voici de quoi t'aider à débuter :
https://www.commentcamarche.net/contents/493-formulaires-html-cours-et-exemples
https://www.php.net/manual/fr/control-structures.if.php

Sachant que pour pouvoir utiliser du PHP il te faudra utiliser un serveur ou au moins un logiciel qui en émule un (comme xampp, ou uwamp, ou wamp ou easyphp...)

Une autre solution, serait de protéger l'accès à la page via un fichier htpassword
http://www.infowebmaster.fr/tutoriel/securiser-dossier-htpasswd
https://httpd.apache.org/docs/2.4/fr/programs/htpasswd.html

.

Messages postés
10
Date d'inscription
mercredi 24 janvier 2018
Statut
Membre
Dernière intervention
24 décembre 2018

alors,
l'histoire de php et de serveur est trop complexe pour ce que je vais faire de ce fichier
Pourrais-tu m'expliquer comment s'y prendre en JavaScript ?
en espérant une réponse toute aussi rapide que la première,
bapt007
Messages postés
31200
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
26 janvier 2021
3 212
Comment mettre du JS dans ta page html
https://www.alsacreations.com/astuce/lire/80-comment-intgrer-du-code-javascript-dans-une-page.html

Récupérer les éléments de tes champs
https://www.w3schools.com/jsref/met_document_getelementbyid.asp
NB : faudra mettre des ID à tes champs par exemple
<input id='login'>
<script type='text/javascript'>
 var login = document.getElementById('login').value;
alert(login);
</script>


Comparer des chaines de caractères
https://www.w3schools.com/jsref/jsref_localecompare.asp

Faire une condition (IF ELSE )
https://www.w3schools.com/js/js_if_else.asp

Faire une redirection :
https://developer.mozilla.org/fr/docs/Web/API/window/location
Messages postés
7
Date d'inscription
mardi 17 avril 2018
Statut
Membre
Dernière intervention
19 avril 2018

je sais je n'étais pas très précis mais je m'excuse.En fait javascipt permettera juste de vérifier si les données son juste ou non. En ce qui concerne le serveur je travaille sous PHP et MysQl
Messages postés
31200
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
26 janvier 2021
3 212
Messages postés
10
Date d'inscription
mercredi 24 janvier 2018
Statut
Membre
Dernière intervention
24 décembre 2018

Est-ce que ce code est censé marcher ???


<p>Ton nom d'utilisateur :</p>
<input id='Username'>
<script type='text/javascript'>
var Username = document.getElementById('Username').value;
</script>
<p>Ton mot de passe :</p>
<input id='Password'>
<script type='text/javascript'>
var Password = document.getElementById('Password').value;
</script>
<script type="text/javascript">
if (Password == MonMotDePasse && Username == MonNom ) {window.location = "MonAutrePage.html";}
</script>
Messages postés
31200
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
26 janvier 2021
3 212
<!doctype html>
<html lang="fr">
  <head>
    <meta charset="utf-8" />
    <title>Login</title>
  </head>
  <body>
    <p>Ton nom d'utilisateur :</p>
    <input id='Username'>
    <p>Ton mot de passe :</p>
    <input id='Password'>
    <input type="button" onclick="login();">Connexion</button>


    <script type="text/javascript">
    function login(){
        var MonNom = 'login'
        var MonMotDePasse = 'password';
        var Username = document.getElementById('Username').value;
        var Password = document.getElementById('Password').value;
        if (Password == MonMotDePasse && Username == MonNom ) {
            window.location = "MonAutrePage.html";
        }

    }
    </script>
  </body>
</html>
Messages postés
10
Date d'inscription
mercredi 24 janvier 2018
Statut
Membre
Dernière intervention
24 décembre 2018
>
Messages postés
31200
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
26 janvier 2021

Merci je suis content d'avoir au moins compris le principe de base et merci aussi de ta patience
Messages postés
7
Date d'inscription
mardi 17 avril 2018
Statut
Membre
Dernière intervention
19 avril 2018

Merci pour beaucoup pour votre aide !