Lien vers une autre page HTML ne marche pas :(

Fermé

axelcrds Messages postés 6 Date d'inscription dimanche 6 février 2022 Statut Membre Dernière intervention 6 février 2022 - 6 févr. 2022 à 15:28
jee pee Messages postés 40709 Date d'inscription mercredi 2 mai 2007 Statut Modérateur Dernière intervention 22 janvier 2025 - 6 févr. 2022 à 17:02

Bonjour,
Je suis en première spé NSI. Je travaille depuis quelques jours sur un projet html. C'est un formulaire de réservation. Seulement, pour passer de la page paiement a la page confirmation (via un bouton Valider), ca ne marche pas. Je ne comprends pas pourquoi car j'ai fait la même chose avec 3 autres pages avant mais pour la dernière le bouton Valider n'amène pas a la page souhaitée. Je vous mets les captures d'écran en PJ, si quelqu'un arrive a trouver mon erreur (que ce soit dans le html ou le css). Encore merci d'avance et dites moi si jamais il vous faut plus de screen ou plus d'infos :))
Axel

A voir également:

Lien vers une autre page HTML ne marche pas :(
Supprimer une page word - Guide
Lien url - Guide
Créer un lien pour partager des photos - Guide
Verifier un lien - Guide
Comment traduire une page - Guide

2 réponses

Réponse 1 / 2

axelcrds Messages postés 6 Date d'inscription dimanche 6 février 2022 Statut Membre Dernière intervention 6 février 2022 1
6 févr. 2022 à 15:30

j'ai mis une capture d'écran en double excusez moi !
N'hésitez surtout pas a me demander des captures supplémentaires ;))
Encore merci !

Réponse 2 / 2

jee pee Messages postés 40709 Date d'inscription mercredi 2 mai 2007 Statut Modérateur Dernière intervention 22 janvier 2025 9 503
Modifié le 6 févr. 2022 à 15:40

Bonjour,

Sur le forum, il faut donner les sources, pas des images (sauf la dernière). Pour la mise en forme des sources, au dessus de la zone d'édition de tes messages, il y a des icônes pour l'enrichissement du texte. Celle qui a cet aspect <> ▼
permet d'appliquer au code, suivant une liste de valeurs, le format correspondant à sa nature (html, Php, C, Python, Shell, ...).
Un petit tuto là : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code

On obtient

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>Premiers tests</title>
</head>
<body>
<header>page 1</header>
<section>
<h1>Mon site web</h1>
<p>Lorem ipsum dolor sit amet. </p>
</section>
<footer>page 1</footer>
</body>
</html>

Il est par ailleurs curieux que tu n'utilises que du html (+css) pour saisir des données. Car ces dernières, tu vas bien les stocker sur un serveur ?

axelcrds Messages postés 6 Date d'inscription dimanche 6 février 2022 Statut Membre Dernière intervention 6 février 2022 1
Modifié le 6 févr. 2022 à 15:44

<html lang="fr">
 <link rel="stylesheet" media="screen" type="text/css" href="paiement.css"/> 
 </link>
 <body align="center">
    <!-- Titre du formulaire -->
    <h2>PAIEMENT</h2>

    <form name="formulaire">
     
      <!-- Nom, de type "text »-->
      <div>
        <label for="Nom">Nom :</label>
        <input name="Nom" size="50" maxlength="40" type="text">
      </div> <br> 

  <!-- Prénom, de type "text »-->
      <div>
        <label for="Prénom">Prénom :</label>
        <input name="Prénom" size="47" maxlength="40" type="text">
      </div> <br>

  <!-- Email, de type "text" -->
      <div>
        <label for="Email">Email :</label>
        <input name="Email" size="49" maxlength="40" type="text">
      </div> <br>

 <!-- N° carte bleue, de type "text" -->
      <div>
        <label for="N° carte bleue">N° carte bleue :</label>
        <input name="N° carte bleue" size="41" maxlength="40" type="text">
      </div> <br>

 <!-- Date de validité, de type "text" -->
      <div>
        <label for="Date de validité">Date de validité :</label>
        <input name="Date de validité" size="40" maxlength="40" type="text">
        
      </div> <br>

 <!-- Code, de type "text" -->
 <div>
    <label for="Code">Code (4 caracteres):</label>
    <input type="password" id="pass" name="password"
           maxlength="4" required> 
      </div> <br>

       <link rel="stylesheet" type="texte/css" href="tableau.css">
       
 <!-- Bouton de d'envoi du formulaire -->
   <a href="confirmation.html"><button align="center"> Valider </button></a>
  
         
 <!-- Bouton de d'envoi du formulaire -->
  <a href="index.html"> Pour revenir au site...</a>    
    </form>
  </body>
</html>

J'espere que ca marche !
Sinon, c'est juste un exercice, c'est a dire que mon prof veut juste que mon programme tourne bien et qu'il y aie toutes les fonctions demandées, je ne compte pas faire un vrai site web !

jee pee Messages postés 40709 Date d'inscription mercredi 2 mai 2007 Statut Modérateur Dernière intervention 22 janvier 2025 9 503 > axelcrds Messages postés 6 Date d'inscription dimanche 6 février 2022 Statut Membre Dernière intervention 6 février 2022
Modifié le 6 févr. 2022 à 15:53

Pour le code tu n'avais pas choisi le bon type (html) j'ai corrigé.

Il faut que tu revois la structure de base d'un formulaire. Un exemple tout simple :

<form action="action.php" method="post">
 <p>Votre nom : <input type="text" name="nom" /></p>
 <p>Votre âge : <input type="text" name="age" /></p>
 <p><input type="submit" value="OK"></p>
</form>

axelcrds Messages postés 6 Date d'inscription dimanche 6 février 2022 Statut Membre Dernière intervention 6 février 2022 1 > jee pee Messages postés 40709 Date d'inscription mercredi 2 mai 2007 Statut Modérateur Dernière intervention 22 janvier 2025
6 févr. 2022 à 16:08

Je viens de refaire mon programme :

<html lang="fr">
 <link rel="stylesheet" media="screen" type="text/css" href="paiement.css"/> 
 </link>
 <body align="center">
    <!-- Titre du formulaire -->
    <h2>PAIEMENT</h2>

    <form action="action.php" method="post">
     
     <p>Nom : <input type="text" name="nom" /></p>
     <p>Prénom : <input type="text" name="prénom" /></p>
     <p>Email : <input type="text" name="Email" /></p>
     <p>N° de carte bleue : <input type="text" name="N°" /></p>
     <p>Date de validité : <input type="text" name="Date" /></p>
      <div>
    <label for="Code">Code (4 caracteres):</label>
    <input type="password" id="pass" name="password"
           maxlength="4" required> 
      </div> 
     <p><input type="submit" value="OK"></p>
  
 <!-- Bouton de d'envoi du formulaire -->
  <a href="index.html"> Pour revenir au site...</a>    
    </form>
  </body>
</html>

Comment puis-je faire pour que le bouton OK envoie vers ma page "confirmation.html" ?

tu remplaces action.php par confirmation.html

ton formulaire n'est pas fermé la balise est dans un commentaire

mais que vas tu faire dans ce source, comment au moins afficher les données transmises ?

Merci !
Il s'agit juste d'un exercice, l'important est que les pages coordonent et que le programme tourne. Mon prof ne veut pas vraiment un site complet ou les données de l'utilisateur sont stockées etc.

Discussions similaires

"Aucune application permettant d'ouvrir cette URL"

Rajout de lien sur plusieurs pages

Colis en cours de transport vers votre site de livraison ?