Расположение формы запроса

This commit is contained in:
Anton Kamalov
2024-10-24 17:40:25 +03:00
parent 79846d0911
commit 1b900ef52e
4 changed files with 46 additions and 34 deletions

View File

@@ -6,12 +6,15 @@
<link href="/static/css/main.css" type="text/css" rel="stylesheet"> <link href="/static/css/main.css" type="text/css" rel="stylesheet">
</head> </head>
<body> <body>
<form action="" method="post" name="auth"> <div class="form">
<label for="login">Логин: </label> <form action="" method="post" name="auth">
<input type="text" name="login" required> <label for="login">Логин: </label>
<label for="password">Пароль: </label> <input type="text" name="login" required>
<input type="password" name="password" required><br> <label for="password">Пароль: </label>
<input type="submit" value="Вход"> <input type="password" name="password" required><br>
</form> <input type="submit" value="Вход">
</form>
</div>
</body> </body>
</html> </html>

View File

@@ -11,17 +11,19 @@
</div> </div>
<!-- Input --> <!-- Input -->
<h1>Материалы заготовок</h1> <h1>Материалы заготовок</h1>
<p>Выберите материал<p> <div class="form">
<form action="" method="post"> <form action="" method="post" style="display: inline-block;">
<select name="material"> <p>Выберите материал<p></p>
{% for item in materials %} <select name="material">
<option value="{{ item['material'] }}">{{ item['material'] }}</option> {% for item in materials %}
{% endfor %} <option value="{{ item['material'] }}">{{ item['material'] }}</option>
</select> {% endfor %}
<input type="submit" value="Отправить"> </select>
</form> <input type="submit" value="Отправить">
<div class="return"> </form>
<a href="{{ url_for('requests_bp.requests') }}"><button>Обратно в меню запросов</button></a> <div class="return">
<a href="{{ url_for('requests_bp.requests') }}"><button>Обратно в меню запросов</button></a>
</div>
</div> </div>
</body> </body>
</html> </html>

View File

@@ -11,21 +11,24 @@
</div> </div>
<!-- Input --> <!-- Input -->
<h1>Поставки заготовок</h1> <h1>Поставки заготовок</h1>
<p>Выберите материал</p> <div class="form">
<form action="" method="post"> <form action="" method="post">
<select name="material"> <p>Выберите материал</p>
{% for item in materials %} <select name="material">
<option value="{{ item['material'] }}">{{ item['material'] }}</option> {% for item in materials %}
{% endfor %} <option value="{{ item['material'] }}">{{ item['material'] }}</option>
</select> {% endfor %}
<p>Выберите даты:</p> </select>
<p>с <input type="date" name="date_from" required min="2000-01-01" max="2024-12-31" id="date_from"></p> <p>Выберите даты:</p>
<p>по <input type="date" name="date_to" required min="2000-01-01" max="2024-12-31" id="date_to"></p> <p>с <input type="date" name="date_from" required min="2000-01-01" max="2024-12-31" id="date_from"></p>
<input type="submit" value="Отправить"> <p>по <input type="date" name="date_to" required min="2000-01-01" max="2024-12-31" id="date_to"></p>
</form> <input type="submit" value="Отправить">
<div class="return"> </form>
<a href="{{ url_for('requests_bp.requests') }}"><button>Обратно в меню запросов</button></a> <div class="return">
<a href="{{ url_for('requests_bp.requests') }}"><button>Обратно в меню запросов</button></a>
</div>
</div> </div>
</body> </body>
</html> </html>

View File

@@ -4,7 +4,7 @@ h1,h2 {
body { body {
background-color: #87CEEB; background-color: #87CEEB;
} }
form[name="auth"] { div.form {
position: absolute; position: absolute;
left: 50%; left: 50%;
top: 50%; top: 50%;
@@ -12,7 +12,7 @@ form[name="auth"] {
} }
form[name="auth"] input[type="submit"] { form[name="auth"] input[type="submit"] {
display: block; display: block;
margin: 5px auto; margin: 10px auto;
} }
button { button {
background-color: #067936; background-color: #067936;
@@ -39,6 +39,10 @@ div.login button {
margin-top: -5px; margin-top: -5px;
background-color: #176917; background-color: #176917;
} }
div.return {
display: flex;
justify-content: center;
}
div.return button{ div.return button{
background-color: chocolate; background-color: chocolate;
} }