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,
