Formulaire de connexion html
Résolu
bapt007
Messages postés
11
Statut
Membre
-
bapt007 Messages postés 11 Statut Membre -
bapt007 Messages postés 11 Statut Membre -
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
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
3 réponses
-
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
.
-
-
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
-
-
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
-
Merci de continuer dans ta propre discussion : https://forums.commentcamarche.net/forum/affich-35319848-forum-d-inscrption-en-javascript#p35319855
-
-
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>-
<!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> -
-
