ottenere due forme di visualizzare in linea

Question

Questo non funziona

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

Voglio due forme che inviare a diversi script e hanno ciascuna un pulsante di immissione per visualizzare inline.

Voglio disegnarlo in linea mentre qualcun altro apporterà modifiche permanenti al file CSS principale cosa sto facendo male?

Answer 1

Penso che quello che vuoi sia visualizzarli fianco a fianco. Puoi farlo usando float invece in questo modo:

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

Ma anche questo non è l'ideale. Quello che sarebbe meglio è di avvolgere ogni modulo <> nei div < e utilizzare invece float nel tag div.

Answer 2

un tasto di ingresso per visualizzare inline

Se i pulsanti devono essere visualizzati in linea, quindi è necessario assegnare quegli stili agli ingressi, non alle forme.

Answer 3

Se ho capito bene la domanda, è possibile utilizzare display:inline-block;

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

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

Ovviamente, è necessario rielaborare il contenuto dei moduli ... come dici tu.

Answer 4

È necessario utilizzare le virgolette " per i propri attributi e assegnare uno stile ai pulsanti inline e sono definiti come block per impostazione predefinita.