I have a heavily themed form to integrate, whose structure is shown below. I am just about there for the most part except for the submit.
<form action="#"> <fieldset> <legend>Authentification</legend> <label for="email">Courriel*</label> <input type="text" name="email" id="email"> <label for="password">Mot de passe*</label> <input type="password" name="password" id="password" class="last"> <a href="#" title="Mot de passe oublié?" class="clearfix">Forgot password?</a> <button type="submit" class="clearfix"><span>Login</span></button> </fieldset> </form>
I have tried many different combinations, turns out button_type has no effect on core. So I used this hack, hoping it would fix my issue. Alas, it only changes the 'type' attribute (obviously), and not the element itself. The button type can hold other elements, in this case the span is needed to hold a background image, it needs to be in a span to stretch as the text in the button is dynamic.
Does anyone have a clue as to how I can generate the following line of markup using the form API?
<button type="submit" class="clearfix"><span>Login</span></button>