Formulaire de connexion html

Résolu
bapt007 Messages postés 10 Date d'inscription   Statut Membre Dernière intervention   -  
bapt007 Messages postés 10 Date d'inscription   Statut Membre Dernière intervention   -
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

Réponse 1 / 3
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
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

.

0
bapt007 Messages postés 10 Date d'inscription   Statut Membre Dernière intervention  
 
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
0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
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
0
Réponse 2 / 3
jacky2580 Messages postés 7 Date d'inscription   Statut Membre Dernière intervention  
 
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
0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Merci de continuer dans ta propre discussion : https://forums.commentcamarche.net/forum/affich-35319848-forum-d-inscrption-en-javascript#p35319855
0
Réponse 3 / 3
bapt007 Messages postés 10 Date d'inscription   Statut Membre Dernière intervention  
 
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>
0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
  
<!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>
0
bapt007 Messages postés 10 Date d'inscription   Statut Membre Dernière intervention   > jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention  
 
Merci je suis content d'avoir au moins compris le principe de base et merci aussi de ta patience
0
jacky2580 Messages postés 7 Date d'inscription   Statut Membre Dernière intervention  
 
Merci pour beaucoup pour votre aide !
0

Discussions similaires

CONNEXION IMPOSSIBLE SUR CERTAINS SITES
ELISE8000 -
titicris58 -

4 réponses
la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses
Formaté mais pas de connexion Internet ?
VissErale -
VissErale -

4 réponses
Problème d'intégration "Youtube" sur mon site Web
darksam0000 -
zoungo -

3 réponses