5549 sujets

Sémantique web et HTML

Bonjour,

Voici le code :
<input class="form-control" type="tel" id="yourPhone" style="width: 260px;background: var(--bs-gray-dark);border-color: var(--bs-secondary);color: var(--bs-white);" placeholder="Votre téléphone :" required name="yourPhone"/>


Le formulaire passe bien que le champ soit vide.
merci
Modifié par _laurent (21 Jan 2022 - 22:09)
Modérateur
Bonjour,

Le problème est ailleurs que dans ce code .

D'une manière générale, quand on se pose une question sur un code, on le place dans une page minimale pour le tester.

Voici ce que j'ai testé :
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<?php
if(isset($_GET['yourPhone'])) echo "Formulaire validé";
else echo "Formulaire pas encore validé";
?>
<form>
<input class="form-control" type="tel" id="yourPhone" style="width: 260px;background: var(--bs-gray-dark);border-color: var(--bs-secondary);color: var(--bs-white);" placeholder="Votre téléphone :" required name="yourPhone"/>
<button>OK</button>
</form>
</body>
</html>

En affichant cette page dans un navigateur, et en cliquant sur le bouton "OK" sans remplir le champ ayant pour id "yourPhone", on voit très vite que le formulaire n'est pas validé, et que l'erreur n'est pas dans le code de la balise <input>.

Amicalement,
Meilleure solution