Forum

Form di login responsive  

 

0

Salve a tutti,
sto sviluppando un form di login in HTML. Questo è il codice che ho prodotto fino ad ora:

<form action="action_page.php">
  <div class="imgcontainer">
    <img src="img_avatar2.png" alt="Avatar" class="avatar">
  </div>

  <div class="container">
    <label for="uname"><b>Username</b></label>
    <input type="text" placeholder="Enter Username" name="uname" required>

    <label for="psw"><b>Password</b></label>
    <input type="password" placeholder="Enter Password" name="psw" required>

    <button type="submit">Login</button>
    <label>
      <input type="checkbox" checked="checked" name="remember"> Remember me
    </label>
  </div>

  <div class="container" style="background-color:#f1f1f1">
    <button type="button" class="cancelbtn">Cancel</button>
    <span class="psw">Forgot <a href="#">password?</a></span>
  </div>
</form>

Qualcuno saprebbe darmi qualche dritta su come poterlo rendere responsive? Grazie. 🙂 

 
0

Per prima cosa dovresti inserire nel body nel codice il tag <meta> in questo modo:

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

Questo setterà il viewport della pagina.

 
  
Working

Please Login or Register