How to set remember, user name and password in the browser

Iam using custom layout for login form. How to possible to loginbutton click, save user name and password in the browser (instead of using vaadin login form). my custom layout is given below


<table style="width: 300px;">
	<tr style="width: 300px;" align="right">
		<td style="width: 100px; text-align: right; font-size: 14px; font-family: Times New Roman, Georgia, Serif;" align="center">User Name</td>
		<td style="width: 200px;" align="right"><div location="usertextfield"></div></td>
	</tr>
	<tr style="width: 300px;" align="right">
		<td style="width: 100px; text-align: right; font-size: 14px; font-family: Times New Roman, Georgia, Serif;" align="center">Password</td>
		<td style="width: 200px;" align="right"><div location="passwordfield"></div></td>
	</tr>
	<tr style="width: 300px;" align="right">
		<td style="width: 100px; padding-top: 5px;" align="left"></td>
		<td style="width: 200px; padding-top: 10px;" align="right">
			<table>
				<tr>
					<td><div location="loginbutton"></div></td>
					<td><div location="resetbutton"></div></td>
				</tr>
			</table>
		</td>
	</tr>
</table>

please give me a solution.