form inline, spazio tra 2 campi di testo

no.stress

form inline, spazio tra 2 campi di testo

buongiorno a tutti

sto costruendo un form con 2 campi uno affianco all'altro ed avrei bisogno di aggiungere un po' di spazio tra i due visto che al momento sono attaccati.

Come potrei modificare l'attuale codice inserendo il parametro direttamente nel modulo (se è possibile) senza richiamare un css esterno


<form class="form-inline" method="post" action="richiesta-inviata.php">
<input type="text" name="nome" placeholder="Nome" style="width: 50%;">
<input type="text" name="cognome" placeholder="Cognome" style="width: 50%;"><br><br>
<input type="submit" value="Invia Richiesta">
</form

davidemancuso

@no-stress Ecco come puoi intervenire:

<form class="form-inline" method="post" action="richiesta-inviata.php"> <input type="text" name="nome" placeholder="Nome" style="margin-right:1%; width: 49%;"> <input type="text" name="cognome" placeholder="Cognome" style="margin-left:1%; width: 49%;"><br><br> <input type="submit" value="Invia Richiesta"> </form>

In pratica ho ridotto l'input al 49% aggiungendo un margine di 1%.

enricominciamo

puoi anche mettere un div che contiene i due campi in cui basta mettere

style="display:grid; grid-template-columns:1fr 1fr; grid-gap:15px"

quindi:

<div style="display:grid; grid-template-columns:1fr 1fr; grid-gap:15px">
   campo1
   campo2
</div>