Partage
  • Partager sur Facebook
  • Partager sur Twitter

Aligner des inputs les un en dessous des autres

Anonyme
11 juin 2017 à 18:23:30

Bonjour j'essaye de faire un formulaire . Mais je n'arrive pas a faire aligner les inputs les un en dessous des autres pouvez vous m'aidez ?
  • Partager sur Facebook
  • Partager sur Twitter
11 juin 2017 à 18:41:06

Coucou,

pour pouvoir t'aider il nous faudrait déjà un peu de code, on est pas tous devin =/

Merci

  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
11 juin 2017 à 18:42:23

YoshiiSenpai a écrit:

Coucou,

pour pouvoir t'aider il nous faudrait déjà un peu de code, on est pas tous devin =/

Merci


Du html pour le moment : 

			<div class="contact" align="center">
			<h1>Contact</h1>
				<form action="#">
					<label>Name<input type="text" name="name" id=""></label>
					<label>E-mail<input type="text" name="email" id=""></label>
					<label>Message<textarea name="message" id="" cols="30" rows="10"></textarea></label>
					<button class="submit" type="submit">Submit</button>
				</form>
			</div>



  • Partager sur Facebook
  • Partager sur Twitter
11 juin 2017 à 19:14:06

Re,

alors pour commencer, il serait bien que tu revois ton html pour qu'il soit valide car ce n'est pas le cas. Ensuite, pour mettre chaque élément l'un en dessous de l'autre, tu peux utiliser la balise br par exemple.

Voilà, c'est tout.

  • Partager sur Facebook
  • Partager sur Twitter
11 juin 2017 à 19:21:44

Hello,

Balise <br> en dehors d'un paragraphe? tu as pris un coup de soleil ^^ 

Autant les mettre dans des <p>... mais c'est môche -> https://jsfiddle.net/a3w3q7nq/ 

Tout se fait en CSS, tu as plusieurs solution, table-cell, flexbox, séparer les labels des input en 2 conteneur , etc..

-
Edité par Lucky13 11 juin 2017 à 19:23:46

  • Partager sur Facebook
  • Partager sur Twitter
11 novembre 2024 à 22:03:29

Lucky13 a écrit:

Hello,

Balise <br> en dehors d'un paragraphe? tu as pris un coup de soleil ^^ 

Autant les mettre dans des <p>... mais c'est môche -> https://jsfiddle.net/a3w3q7nq/ 

Tout se fait en CSS, tu as plusieurs solution, table-cell, flexbox, séparer les labels des input en 2 conteneur , etc..

-
Edité par Lucky13 11 juin 2017 à 19:23:46

Tu pourrais donner une exemple?

  • Partager sur Facebook
  • Partager sur Twitter
the clever newbie
11 novembre 2024 à 22:14:14

@sambageek Bonsoir, merci de ne pas déterrer d'ancien sujet pour une nouvelle question, c'est un sujet par problématique. Créer votre propre sujet en exprimant votre problématique ainsi que le code que vous avez écrit inséré sur le forum à l'aide du bouton code </> de la barre d'outil du forum.

>> Tu pourrais donner une exemple?

Pour vous répondre voir l'exemple dans la doc MDN => https://developer.mozilla.org/fr/docs/Web/HTML/Element/form

Je ferme ce déterrage.

Le message qui suit est une réponse automatique activée par un membre de l'équipe de modération. Les réponses automatiques leur permettent d'éviter d'avoir à répéter de nombreuses fois la même chose, ce qui leur fait gagner du temps et leur permet de s'occuper des sujets qui méritent plus d'attention.
Nous sommes néanmoins ouverts et si vous avez une question ou une remarque, n'hésitez pas à contacter la personne en question par Message Privé.

Pour plus d'informations, nous vous invitons à lire les règles générales du forum

Déterrage

Citation des règles générales du forum :

Avant de poster un message, vérifiez la date du sujet dans lequel vous comptiez intervenir.

Si le dernier message sur le sujet date de plus de deux mois, mieux vaut ne pas répondre.
En effet, le déterrage d'un sujet nuit au bon fonctionnement du forum, et l'informatique pouvant grandement changer en quelques mois il n'est donc que rarement pertinent de déterrer un vieux sujet.

Au lieu de déterrer un sujet il est préférable :

  • soit de contacter directement le membre voulu par messagerie privée en cliquant sur son pseudonyme pour accéder à sa page profil, puis sur le lien "Ecrire un message"
  • soit de créer un nouveau sujet décrivant votre propre contexte
  • ne pas répondre à un déterrage et le signaler à la modération

Liens conseillés

  • Partager sur Facebook
  • Partager sur Twitter