html - Two buttons in different forms side by side -

i have 2 forms. 1 form login , other form reset password. want set both buttons (login, password reset) side side.

but don't know, how that.

, here code:

<form action="login" method="post">  	<div class="row">  		<div class="col-md-2">username:</div>  		<div class="col-md-4 input-group input-group-sm">  			<span class="input-group-addon" id="important">                <span class="glyphicon glyphicon-play" />                <input class="form-control" type="text" name="username" id="username" aria-describedby="important" />              </span>  		</div>  	</div>  	<div class="row">  		<div class="col-md-2">passwort:</div>  		<div class="col-md-4 input-group input-group-sm">            <span class="input-group-addon" id="important">  			<span class="glyphicon glyphicon-play" />              <input class="form-control" type="password" name="password" id="password" aria-describedby="important" />            </span>  		</div>  	</div>  	<div class="row">  		<div class="col-md-2 input-group-sm">  			<input type="submit" class="form-control btn-default" value="login" />  		</div>  	</div>  </form>  <form action="reset" method="post">  	<div class="row">  		<div class="col-md-2 input-group-sm">  			<input class="form-control btn-default" type="submit" value="passwort vergessen" />  		</div>  	</div>  </form>

i hope can me.

keep button elements in same form , add form attribute other button want associate other form element.

from mdn:

the form element button associated (its form owner). value of attribute must id attribute of element in same document. if attribute not specified, element associated ancestor element, if 1 exists. attribute enables associate elements elements anywhere within document, not descendants of elements.

example:

<form id="firstform">      <button>submit first form</button>      <button form="secondform">submit second form</button> </form>  <form id="secondform">  </form>