• Super User

    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 1 Risposta
  • User

    @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%.


  • Staff Tecnico

    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>