CSS применяется к кнопке отправки, не работающей после отправки

Question

У меня есть кнопка отправки в форме, которая отправляет форму на странице php.page. Я также добавил событие onclick на кнопку отправки, которая изменяет непрозрачность через javascript. Проблема теперь в том, когда я нажимаю кнопку «Отправить», она меняет непрозрачность, форму отправляется, и после отправки непрозрачность кнопки возвращается на 100% снова. Я хочу, чтобы атрибут непрозрачности оставался на кнопке даже после отправки формы. Проверьте мои коды ниже:

<script type="text/javascript"> 
function fadebtn(){ 
document.getElementById('submitbtn').style.opacity="0.4"; 
} 
</script> 

<form method="post"> 
<input type="submit" value="Submit" id="submitbtn" name="submitbtn"> 
</form> 

ОБНОВЛЕНИЕ: Я исправил его сейчас. Проверьте приведенные выше коды и дополнительные коды ниже.

<?php 
if(isset($_POST['submitbtn'])) 
{ 
echo '<script type="text/javascript">' 
, 'fadebtn()' 
, '</script>'; 
} 

Answer 1

С помощью кнопки type="submit" и формы method="post" это будет размещать и вызвать перезагрузки страницы. Стиль, который вы применяете с javscript, будет сброшен после перезагрузки страницы.

Answer 2

Ваша кнопка отправки перезагружает страницу. Я не уверен в ваших потребностях ... но вам нужно либо установить CSS, который вы хотите в таблицах стилей, либо установить действие post на «», и jquery сбросить непрозрачность, когда форма была отправлена.

Answer 3

Очень просто с помощью CSS:

#submitbtn:active { 
opacity: 0.4; 
} 

или

#submitbtn:focus { 
opacity: 0.4; 
} 

Какой бы вы хотели лучше.