Comment puis-je mettre un élément d'entrée sur la même ligne que son étiquette?

Je voudrais mettre un label et un input[type=text] sur la même ligne, et je voudrais, pour input's largeur pour remplir la largeur restante de l'élément conteneur, quelle que soit la longueur du texte de l'étiquette (voir la première image).

J'ai essayé d'utiliser width: auto; pour la input, mais il semble avoir une largeur statique. J'ai aussi essayé width: 100%;, mais qui se déplace le input à une nouvelle ligne (voir la deuxième image).

Comment puis-je mettre un élément d'entrée sur la même ligne que son étiquette?

Comment puis-je réaliser cela à l'aide de CSS?

  • Que penser de l'utilisation de JavaScript? Est-ce la bonne solution?
  • Je suis venu ici à la recherche d'un remplaçant pour mon javascript solution.
  • cheers, vous avez donc trouvé un?
InformationsquelleAutor enenkey | 2011-08-04