Signification d'une balise <a> sans aucun attribut

Version imprimable

Bonsoir,

je suis en train de reprendre un très vieux code que je mets à jour et que j'optimise. Je suis très surpris par ce que je découvre. Je ne comprends comment c'est possible, mais ce code tourne !

Et là, je viens de découvrir un bout de code et je me demande ce qu'il peut faire...
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <form id="F_COMMANDE" action="https://adresse_web.php" onSubmit="return Verifie(this)" method="post"> ... <a> <input type="hidden" name="Poids1"> <input type="hidden" name="Poids2"> <input type="hidden" name="Poids3"> <input type="hidden" name="Poids4"> <input type="hidden" name="Poids5"> <input type="hidden" name="Poids6"> <input type="hidden" name="Poids7"> <input type="hidden" name="Poids8"> <input type="hidden" name="Poids9"> <input type="hidden" name="Poids10"> <input type="hidden" name="Poids11"> <input type="hidden" name="Poids12"> <input type="hidden" name="PoidsTotal"> <input type="submit" value="commander" name="sub" style="font-size:2.85em;background-color : red;color:white;"> </form> </a>
La balise <form> imbriquée dans une balise <a>, ça semble déjà malsain, mais ce qui m'étonne le plus, c'est cette balise <a> sans attribut href. Quand on clique sur le bouton "commander" (soit le dernier input qui est le seul visible), on va vers la page action du <form> ci-dessus. Pourquoi ?

Autre question : les <input type="hidden" sans value, ça sert à quelque chose ?

01/11/2020, 09h20
NoSmoking

Bonjour,

Citation:

La balise <form> imbriquée dans une balise <a>, ça semble déjà malsain, ...

dans ton cas elle ne sert à rien et de plus mal fermée, mais le navigateur s'en accommodera.

Citation:

Quand on clique sur le bouton "commander" (soit le dernier input qui est le seul visible), on va vers la page action du <form> ci-dessus. Pourquoi ?

Comportement normal d'un formualire lorsque l'on clique sur une input type="submit" et si le script appliqué ne bloque pas l'envoi.

Citation:

Autre question : les <input type="hidden" sans value, ça sert à quelque chose ?

Il est possible qu'un script les initialise et donc en cas de soumission la récupération peut être faite.

Conseil : passe au validateur HTML ton document pour faire déjà un premier bilan.
01/11/2020, 11h45
laurentSc

Merci pour ta réponse.
J'enlèverai donc cette balise <a>. Pourquoi elle est mal fermée ?

Le conseil du passage au validateur a été fructueux : j'avais loupé plein de mises à jour que j'ai faites.
Dans mon optimisation, j'ai introduit des boucles en PHP, ce qui m'a permis de raccourcir énormément le code (et de supprimer plein de duplications). Visiblement, le validateur n'aime pas :

Citation:

Saw <?. Probable cause: Attempt to use an XML processing instruction in HTML.

: Text not allowed in element select in this context.

From line 115, column 62; to line 115, column 76

="'.$j.'">MODELE_00'.$j.'</opti

et plusieurs dizaines d'autres remarques

Citation:

Envoyé par laurentSc

....
J'enlèverai donc cette balise <a>. Pourquoi elle est mal fermée ?
....

ton

Code:

1
2
3
4
5
6
<form id="F_COMMANDE" action="https://adresse_web.php" onSubmit="return Verifie(this)" method="post"> 
...
	<a>
	...
	<input type="submit" value="commander" name="sub" style="font-size:2.85em;background-color : red;color:white;"> </form>
</a>

mieux car comme le dit NoSmoking: La balise <form> imbriquée dans une balise <a>, ça semble déjà malsain, ..

Code:

1
2
3
4
5
6
<form id="F_COMMANDE" action="https://adresse_web.php" onSubmit="return Verifie(this)" method="post"> 
...
	<a>
		<input type="submit" value="commander" name="sub" style="font-size:2.85em;background-color : red;color:white;">
	</a>
</form>

01/11/2020, 16h20
NoSmoking
Citation:

Envoyé par laurentSc

J'enlèverai donc cette balise <a>. Pourquoi elle est mal fermée ?

Non, c'est une mauvaise imbrication de balises
Code:

1 2 3 4 5 <form> <a> <input /> </form> </a>
Citation:

Envoyé par laurentSc

Le conseil du passage au validateur a été fructueux : j'avais loupé plein de mises à jour que j'ai faites.
( ... ) Visiblement, le validateur n'aime pas :

C'est le code HTML généré qu'il faut tester ou la page en ligne mais pas le code PHP.
01/11/2020, 17h03
laurentSc

Oui, si je teste le code html généré, il ne reste que 3 erreurs...Mais je n'arrive pas à les corriger :

Citation:

Error: Bad value text/html for attribute content on element meta: The legacy encoding declaration did not start with text/html;.

From line 16, column 5; to line 16, column 57

ipt>↩↩ <meta http-equiv="Content-Type" content="text/html"/>↩ <

Citation:

Error: A document must not include both a meta element with an http-equiv attribute whose value is content-type, and a meta element with a charset attribute.

From line 17, column 5; to line 17, column 27

ml"/>↩ <meta charset="UTF-8"/>↩↩</he

Citation:

Error: Stray start tag script.

From line 422, column 1; to line 422, column 51

Code -->↩<script src="http://stats.hosting24.com/count.php">

Error #1 : je virerais simplement cette ligne

Error #2 : il faudrait voir le contexte, le code avant, pour avoir une idée plus précise.

Error #3 : les balises <script> ne sont pas auto-fermante il faut écrire <script></script>.

Pour exemple le code suivant ne génère pas d'erreur :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <title>Titre de la page</title> <script src="//chemin-du-script/mon-script.php"></script> </head> <body> <p></p> </body> </html>

01/11/2020, 17h44
laurentSc
J'ai viré la ligne que tu me dis de virer, et y a plus qu'une seule erreur :

Citation:

Stray start tag script.

From line 421, column 1; to line 421, column 51

Code -->↩<script src="http://stats.hosting24.com/count.php"></scri

Dans le copier-coller précédent, j'avais tronqué la fin. Le code concerné est :
Code:

1 2 3  <script src="http://stats.hosting24.com/count.php"></script>

Analyse par le test.

test NOK

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <title>Titre de la page</title>
</head>
<body>
  <p></p>
</body>
<!-- Hosting24 Analytics Code -->
<script src="http://stats.hosting24.com/count.php"></script>
<!-- End Of Analytics Code -->
</html>

test OK

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <title>Titre de la page</title>
</head>
<body>
  <p></p>
  <!-- Hosting24 Analytics Code -->
  <script src="http://stats.hosting24.com/count.php"></script>
  <!-- End Of Analytics Code -->
</body>
</html>

tu devrais voir ce qui ne plait pas au validateur ;)

01/11/2020, 23h05
laurentSc

:merci: