변경 문의 양식 (7) "제출"텍스트는 AFTER

Question

문의 양식 7

질문을 클릭 :

내가 이메일 필드 간단한 양식을 가지고 버튼을 제출합니다.

사용자가 클릭 할 때 "SUBMIT"텍스트를 애니메이션 GIF로 바꾸는 방법은 무엇입니까? GIF가 버튼 안의 텍스트를 대체하기를 원하거나 버튼을 GIF로 대체하기가 더 쉽습니까?

[email* EMAIL] [submit "Subscribe"] 

내 애니메이션 GIF는 다음과 같습니다

http://www.clarityclinicalskincare.net//wp-content/plugins/bloom/images/subscribe-loader.gif

이미 자리에 성공 메시지와 오류 검증 있습니다.

Answer 1

먼저 버튼이로 교체 한 후 버튼을

function giffy(buttonId){buttonId.innerHTML = "<img src='http://www.clarityclinicalskincare.net//wp-content/plugins/bloom/images/subscribe-loader.gif'> </img>"} 

때문에 JS 함수가 텍스트를 클릭

onclick="giffy(document.getElementById('the Id you gave your button'))" 

을 가질 수 있습니다 귀하의 버튼 ID와 다음 JS 기능을 제공하여 gif