How could i wrap my html button to a button object
You can't. The Button widget uses a <button> element.
In your case, I'd change the HTML into:
<button name="commit" type="submit"id="loginButton">Sign In</
button>
and then use a SubmitButton.wrap(...)
Or, probably better in 99% cases, don't wrap the button into a widget:
what's your use-case? given that it's a submit button you'd better
handle form submission than clicks on the button (typing the enter key
from within a text input might trigger form submit without actually
simulating a click on the submit button, depends on browsers), and
there's no real advantage to using widgets instead of DOM elements
apart from events.