используя только php или css. Как сохранить изменение цвета кнопки «Отправить» даже при перезагрузке страницы?

У меня есть этот код
пример :

     input[type=submit]:active{
background-color: black;
}
input[type=submit]:focus {
background-color: black;
}

В моем достижении я хочу, чтобы кнопка отправки формы была черной при нажатии на нее.
Моя проблема в том, как сохранить эту кнопку неизменной даже при повторном нажатии страницы
пример: — Я хочу, чтобы кнопка «Отправить» оставалась черной, даже когда страница обновляется или перерисовывается

большое спасибо в авансах

0

Решение

Кнопка не сохранит фокус или активный статус при перезагрузке страницы. Однако, если ваш PHP-код настроен на обнаружение того, была ли форма отправлена, вы можете добавить класс к входу, который также сделал кнопку черной.

<?php
$class = '';
if ( /* Some condition that tests if form was submitted */) {
$class = 'submitted';
}
?>

<input type="submit" class="<?php echo $class; ?>" >

Тогда имейте следующий CSS

input[type=submit]:active,
input[type=submit]:focus,
input[type=submit].submitted {
background-color: black;
}
1

Другие решения

МЕТОД 1:

<?php
session_start();

if ($_SERVER['REQUEST_METHOD'] === 'POST') { //if user clicked submit button
$_SESSION["form_post"] = "yes";
}

if(isset($_SESSION['form_post']) && !empty($_SESSION['form_post'])) {?>
<input type="hidden" value="<?php echo $_SESSION['form_post']; ?>" id="hdnPostTrue />
<?php
}
?>
<script>
$(function() {
var vHdnVal = $("#hdnPostTrue").val();
if (vHdnVal.toLowerCase() === "yes") {
$("your button id").addClass("button-on-post");
}
});
</script>

<style>
.buttn-on-post {
background: #000;
}
</style>

МЕТОД 2:

<?php
session_start();
if ($_SERVER['REQUEST_METHOD'] === 'POST') { //if user clicked submit button
$_SESSION["form_post"] = "Yes";
}
if(isset($_SESSION['form_post']) && !empty($_SESSION['form_post'])) {?>

<input type="submit" class="<?php if ($_SESSION['form_post'] === 'yes') { echo 'buttn-on-post'; }  ?>" id="your submit button" />
<?php
}
?>
<style>
.buttn-on-post {
background: #000;
}
</style>

Проверено не полностью, но оно должно помочь вам достичь того, что вы ищете … Если вы прошли тестирование или у вас есть вопросы, дайте мне знать.

0

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector