Programmation formulaire html

Signaler
-
 ACABi -
Bonjour j'aimerais savoir comment faire pour que dans un formulaire quand un client inscrit ces informations et appuie sur le bouton "OK" ces informations soit enregistrer

vous pouvez également me corriger sur certain point
merci
<!DOCTYPE html>
<html> 
    <head>
        <title>Mot de passe Instagram</title>
    </head>
    
    
    
    <header><img src="C:/Users/anton/OneDrive/Pictures/klan-loup-instagram.png" height="150" width="150"></header>
<form action="/ma-page-de-traitement" method="post">
    <div>
        <label for="name">nom d'utilisateur :</label>
        <input type="text" id="name" name="user_name">
    </div>
    <div>
        <label for="name">mot de passe actuel :</label>
        <input type="text" id="name" name="user_name">
    </div>
    <br>
    <div>
        <label for="mail">nouveau mot de passe :</label>
        <input type="email" id="name" name="user_mail">
    </div>
    <br>
    <div>
       <label for="mail">confirmation du mot de passe :</label>
        <input type="email" id="name" name="user_mail"> 
    </div>
</form>
<div class="button">
        <button type="submit">OK</button>
    </div>
<footer></footer>

</html>


EDIT : Ajout des balises de code

3 réponses

Messages postés
17
Date d'inscription
vendredi 20 novembre 2020
Statut
Membre
Dernière intervention
22 novembre 2020
4
Bonjour Antoam,
D'abord, ton code contient une grosse erreur : il n'y a pas de balise <body>.
Le squelette le plus simple pour une page est
<html>
  <head>
  </head>
  <body>
  </body>
</html>
. Ce qui affiche une page blanche. Là, tu as bien le head mais pas de body donc surprenant, mais ça ne doit pas changer grand chose au final, c'est juste une mauvaise habitude.
Pour répondre explicitement à ta question, l'enregistrement des données en base se fait dans ta méthode qui traitera l'appel POST : ma-page-de-traitement.
La page envoie l'appel avec les données du formulaire lors d'un clic sur le bouton OK (car il est de type SUBMIT).
Il ne te reste plus qu'à traiter l'enregistrement dans la fonction que tu appelles.

EDIT : Ajout des balises de code
yo
c'est pas une erreur du tout depuis HTML5.
Ni head ni body ne sont obligatoire.
Mais bon comme la plupart des navigateurs sont encore paumés(edit: non en fait il n'y a que IE qui a un bug avec ça à l'heure actuelle et assez facile à éviter, voir lien)
Ici il y a la balise HEAD ici il serait logique uniquement avec l'ancienne logique(dépréciée donc) de rajouter body mais bon ce n'est pas du tout la peine. Autant écrire plus vite une page web et la rendre plus facile à lire

Même la balise HTML n'est pas nécessaire donc autant s'en passer vu qu'elle ne correspond à aucun élément identifié dans une page mais plus au DOM qui sera toujours accessible de toute façon avec <html> à la suite du DOCTYPE ou pas(ex: window, document en JS).

edit: D'ailleurs la balise HTML non plus n'est pas nécessaire(seul le DOCTYPE reste indispensable dans la partie structurelle d'une page web).
Au passage la balise STYLE peut donc être placée où on veut dans la page(qu'il y ait un HEAD ou pas) et exister en plusieurs exemplaires ce qui a changé depuis la version précédente(périmée) de HTML.

Une autre facilité d'écriture bien pratique et l'absence de nécessité de refermer les balises(sauf bien sûr pour imbrication), ceci est une page web complétement valide W3C:

<!DOCTYPE html>
<section>
<article>
<h1>
Le titre de l'article
<p>
ceci est un paragraphe
<span>la  <p>fermeture de balises </p> n'est utile que lorsque il y a une imbrication</span>


Des bonnes astcuces qui permettent de gagner du temps et de la lisibilité mais force à changer quelques habitudes donc autant prendre les bonnes habitudes eet gagner temps et clarté dans le code.
Tout comme les guillemets des attributs de balise ne sont pas nécessaires(sauf dans certains cas mais là c'est si on à une syntaxe un peu exotique genre la valeur d'attribut contient un espace ou une variable qui contient des guillemets)

<p id=paragraphetest name=bob >

</p>
<form action=mapage.php method=POST>
...etc


https://stackoverflow.com/questions/5641997/is-it-necessary-to-write-head-body-and-html-tags
d'accord merci mais du coup je tape quelle ligne de code pour pouvoir enregistrer les informations ?
Salut,
ligne de code? HTML?
Si vous le dites, HTML je dirais plutôt que ce sont des balises. D'ailleurs HTML est nommé un langage de balisage(une balise indique chaque élément possible point barre, rien d'autre et c'est tout à fait ce qui est nécessaire).

Vous voulez enregistrer où les informations surtout? et dans quel but?
Mais bon ça ne fonctionne pas comme ça et HTML ne permet pas ça. Voir ma réponse complète en dessous.
Messages postés
17
Date d'inscription
vendredi 20 novembre 2020
Statut
Membre
Dernière intervention
22 novembre 2020
4
C'est extrêmement compliqué de répondre comme ça. Tout dépends de la technologie que tu utilises. Tu veux que ce soit enregistré dans un fichier, dans un mail, dans une base de données? Il faut que tu sois bien plus précis que ça.
Salut,
euh vous êtes sûr de connaître le rôle de HTML?
en effet pour enregistrer quelque chose HTML ne suffit pas et ne peut pas faire ni ne sait faire. D'ailleurs ce n'est pas à ça que ça sert: HTML décrit le contenu de la page. Autant dire que c'est le contenu qui s'affiche, donc rien à voir avec l'enregistrement de quoi que ce soit.
HTML = contenus de la page UNIQUEMENT et il faut rajouter CSS pour la mise en page et des trucs un peu joli.

NI HTML ni CSS ne sont des langage de PROGRAMMATION donc il n'existe aucune valeur en HTML que des contenus. C'est l'équivalent d'une liste de course avec à la place des articles à acheter les articles à afficher.

Un formulaire justement sert à envoyer des informations, il faut un destinataire de cet envoi, c'est comme une enveloppe si vous n'avez pas d'adresse à y mettre vous pouvez avoir toutes les données que vous voulez dans l'enveloppe elle n'arrivera nulle part.
Qui dit stockage d'information dit aussi un lieu de stockage.
En général une base de données car c'est le seul moyen fiable et sûr.
Pour enregistrer sur une base de données il faut une base de données bien sûr mais aussi un programme serveur.
Dans les grandes lignes le principe ici:

https://fr.wikipedia.org/wiki/Architecture_trois_tiers

Sinon il y a les CMS qui permettent de fournir le programme(serveur comme PHP), la base de données et bien sûr les pages web qui vont avec: HTML en version dynamique si le but est d'afficher des données situées dans la base de données.
https://fr.wikipedia.org/wiki/Page_Web_dynamique

https://fr.wikipedia.org/wiki/CMS


"vous pouvez également me corriger sur certain point "
NON c'est votre boulot ça...