ситуация
Я абсолютный новичок в CSS, поэтому у меня возникли проблемы и я хотел бы получить вашу помощь.
Я создал список флажков, однако значения флажков заполняются с использованием значений, которые хранятся в базе данных MySQL.
Код PHP для флажка выглядит следующим образом:
<?php
require("user_connection.php");$q = mysqli_query($connect, "SELECT * FROM `campus`");
while ($line = mysqli_fetch_assoc($q)) {
echo '<input type="checkbox" name="car"value="'.$line['room'].'">'.$line['room'].'</br>';
}
?></br>
</br><?php
$q = mysqli_query($connect, "SELECT * FROM `campus_two`");
while ($line = mysqli_fetch_assoc($q)) {
echo '<input type="checkbox" name="car"value="'.$line['room'].'">'.$line['room'].'</br>';
}
?><div id="next"><input type="submit" name="next" Value="next"/></div>
</form>
Эта проблема
Я просто хочу иметь возможность установить флажок в середине моего сайта. Кажется, в Интернете есть тонны учебников о том, как это легко сделать с помощью CSS, однако все эти учебники имеют значения флажков, встроенные в html, а не динамически генерируемые с использованием базы данных, такой как моя.
в настоящее время мой CSS выглядит так
label {
position: absolute;
top: 300px;
right: 700px;
}
input {
position: absolute;
top: 300px;
right: 700px;
}
Теперь это работает нормально на обычном флажке со значениями, встроенными в HTML, но мои флажки создаются с использованием значений из базы данных. Я хочу иметь возможность устанавливать флажки так, как я хочу, на моем веб-сайте. Ребята, вы знаете, как я могу решить эту проблему?
Не думай об этом. PHP создает HTML, вы делаете это здесь.
<div id="next"><input type="submit" name="next" Value="next"/></div>
а также
echo '<input type="checkbox" name="car" value="'.$line['room'].'">'.$line['room'].'</br>';
Второе существо создается динамически. Несмотря на то, что это динамически создается с помощью PHP после рендеринга страницы, у вас есть страница для работы с использованием CSS и даже JS.
Допустим, вы хотите добавить класс big-btn
достаточно просто в php просто сделай это
<div id="next" class="big-btn"><input type="submit" name="next" Value="next"/></div>
В вашей таблице стилей
.big-btn{
height: 50px;
width: 50px;
}
CSS сделает эту кнопку больше.
В целом, хотя это было просто. Вы можете сделать это с помощью HTML. Рендеринг на стороне сервера, такой как php, является еще более мощным в том смысле, что вы можете запросить базу данных, чтобы создать свой ввод, как здесь:
<?php
$q = mysqli_query($connect, "SELECT * FROM `campus_two`");
while ($line = mysqli_fetch_assoc($q)) {
echo '<input type="checkbox" name="car"value="'.$line['room'].'">'.$line['room'].'</br>';
}
?>
В этом случае у вас может быть 1 вход, или 80 зависит только от того, что возвращается, но он будет отображаться в HTML, который все равно можно стилизовать. Другое преимущество состоит в том, что вы можете установить флаги в БД и условно добавить классы или идентификаторы, чтобы действительно создать динамическую страницу, но после ее рендеринга (вне JS) страница становится статической HTML.
Других решений пока нет …