28106 sujets

CSS et mise en forme, CSS3

Bonjour,
J'ai un petit problème avec un formulaire simple, 2 inputs et un submit.
Cela fonctionne parfaitement sauf sous Edge.
Lorsque je tente de taper du texte dans le premier input, le texte s'affiche en dehors, juste avant la balise <p>. Le second input, c'est pareil, au même endroit.

Voici le code de mon index:
		<div class='container'>
		    <div class='row'>
			<p class="col-12 mt-lg-5 text-center taille2">Bienvenue sur  </p>
			<div class="col-12 text-center">
			    <img class="img-fluid" src="Img/ver-black256.png" alt=""/>
			</div>
			<?php Formulaire(); ?>
		    </div>
		</div>


Voici celui du formulaire:
function Formulaire(){
    echo "<div class='col-12 text-center mt-5'>";
	echo "<form action='index.php?page=connexion' method='post'>";
	    echo "<input class='btn btn-success login' type='text' name='login' placeholder='Entrez votre login'/> <br />";
	    echo "<input class='mt-1 btn btn-success' type='password' name='password' placeholder='Entrez votre mdp'/><br />";
	    echo "<input class='mt-2 btn btn-danger' type='submit' value='Validez'/>";
	echo "</form>";
    echo "</div>";
}


Auriez-vous une explication ?

Stef