obtenir deux formes pour afficher en ligne

Question

Ce travail ne marche pas

<form style ='display:inline;'> 
<input type = 'submit'/> 
</form> 
<form style ='display:inline;'> 
    <input type = 'submit'/> 
</form> 

Je veux deux formes qui soumettent à différents scripts et ont chacun un bouton d'entrée pour afficher en ligne. Je veux le mettre en ligne car quelqu'un d'autre apportera des modifications plus permanentes au fichier CSS principal. Que fais-je de mal?

Answer 1

Je pense que ce que vous voulez est de les afficher côte à côte. Vous pouvez le faire en utilisant des flotteurs à la place comme si:

<form style ='float: left; padding: 5px;'> 
akjfhdkjahj<br /> 
<input type = 'submit'/> 
</form> 
<form style ='float: left; padding: 5px;'> 
    aklfjas<br /> 
    <input type = 'submit'/> 
</form> 

Mais même ce n'est pas idéal. Ce qui est préférable est d'envelopper chaque forme <> dans < div> s et d'utiliser float dans la balise div à la place.

Answer 2

un bouton d'entrée pour afficher en ligne

Si les boutons doivent être affichés en ligne, alors vous devez attribuer ces styles aux entrées, pas aux formes.

Answer 3

Si je comprends bien la question, vous pouvez utiliser display:inline-block;

form{ 
    width:200px;   //JUST FOR SHOW 
    height:200px;   //JUST FOR SHOW 
    background:red;  //JUST FOR SHOW 
    display:inline-block; 
    margin:1em;    
} 

Exemple:http://jsfiddle.net/jasongennaro/dn5NQ/3/

De toute évidence, vous aurez besoin de retravailler le contenu des formulaires ... comme vous le dites.

Answer 4

Vous devez utiliser des guillemets " pour vos attributs, et de style les boutons inline ainsi qu'ils sont définis comme block par défaut.