Alex McAllister Ответов: 0

Поля имени пользователя и пароля поверх изображения в точном месте

Я пытаюсь создать проект, в котором пользователь должен ввести имя пользователя и пароль. Это супер простая страница, где есть только изображение для фона и два поля ввода для имени пользователя и пароля, а также кнопка входа в систему.
Я ценю любую помощь!

Что я уже пробовал:

Это то, что у меня есть для текстовых полей, которые работают, мне просто нужно знать, как расположить их так, как я хотел бы... и поверх любого изображения
<form action="action_page.php">

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

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

    <button type="submit">Login</button>
   
  </div>


</form>




Это изображение, которое я хочу использовать в качестве фона, и код, чтобы оно соответствовало окну браузера
<style>
* {
 margin: 0;
 padding: 0;
}
.imgbox {
 display: grid;
 height: 100%;
}
.center-fit {
 max-width: 100%;
 max-height: 100vh;
 margin: auto;
}

<div class="imgbox">

</div>


		    
                    

                    
                

                

                                    

            

            

                

                    
0 Ответов