Ladda button spin animation not showing on input elements

Question

Using Ladda plugin for buttons with built-in loading indicators. I've been able to get it working on button and href elements, but not on a input. More specifically, the spin animation. It doesn't show. Everything works, but it just doesn't show the spin.

CODE:

<input class="ladda-button" type="submit" data-color="green" data-style="expand-left">

Any help would be much appreciated. Thank you guys!

Answer 1

You can replace your <input type="submit> with <button type="submit"></button>.

<button type="submit" class="ladda-button" data-style="expand-left">Hello</button>

Modern web browsers will treat this functionally the same as an <input type="submit">.