I've just begin work on a mobile version for one of my sites.
I've set up my sign up form for my users.
It worked fine and
the CSS styled it correctly.
@using (Html.BeginForm("XXX", "Registration", FormMethod.Post, new { @class = "twitter-sign-in-container" }))
{
<input type="submit" name="twitter-button" value="Sign
in with Twitter" id="twitter-button" />
}
Once I added Jquery mobile to
the project if found that random unstyled text started to show up.
On inspection I found that all input submits where being wrapped
in new tags and adding un tagged text == to
the inputs "Value":
<form action="/registration/xxx" class="twitter-sign-in-container" method="post">
<div class="ui-btn ui-input-btn ui-corner-all ui-shadow">
"Sign
in with Twitter"
<input type="submit" name="twitter-button" value="Sign
in with Twitter" id="twitter-button">
</div>
</form>
Does anyone have any clue as to why
the "sign up with twitter" text is being added, and how i stop it?
P.S Less important but I'd also like to know why Jquery wraps form contents
in the bellow div.
