How to change the size of Login form

How to set size of Login form’s TextField and PasswordField (ie., setWidth() and setHight())


@Override
	protected byte[] getLoginHTML() {
		String appUri = getApplication().getURL().toString()
				+ getWindow().getName() + "/";
		String x, h, b; // XML header, HTML head and body

		x = "<!DOCTYPE html PUBLIC \"-//W3C//DTD "
				+ "XHTML 1.0 Transitional//EN\" "
				+ "\"http://www.w3.org/TR/xhtml1/"
				+ "DTD/xhtml1-transitional.dtd\">\n";

		h = "<head><script type='text/javascript'>"
				+ "var setTarget = function() {" + "  var uri = '"
				+ appUri
				+ "loginHandler';"
				+ "  var f = document.getElementById('loginf');"
				+ "  document.forms[0]
.action = uri;"
				+ "  document.forms[0]
.username.focus();"
				+ "};"
				+ ""
				+ "var styles = window.parent.document.styleSheets;"
				+ "for(var j = 0; j < styles.length; j++) {\n"
				+ "  if(styles[j]
.href) {"
				+ "    var stylesheet = document.createElement('link');\n"
				+ "    stylesheet.setAttribute('rel', 'stylesheet');\n"
				+ "    stylesheet.setAttribute('type', 'text/css');\n"
				+ "    stylesheet.setAttribute('href', styles[j]
.href);\n"
				+ "    document.getElementsByTagName('head')[0]
"
				+ "                .appendChild(stylesheet);\n"
				+ "  }"
				+ "}\n"
				+ "function submitOnEnter(e) {"
				+ "  var keycode = e.keyCode || e.which;"
				+ "  if (keycode == 13) {document.forms[0]
.submit();}"
				+ "}\n"
				+ "</script>" + "</head>";

		b = "<body onload='setTarget();' style='margin:0;padding:0; background:transparent;' class='" + ApplicationConnection.GENERATED_BODY_CLASSNAME + "'>"
				+ "	<div class='v-app v-app-loginpage' style='background:transparent;'>"
				+ "		<iframe name='logintarget' style='width:0;height:0; border:0;margin:0;padding:0;'></iframe>"
				+ "		<form id='loginf' target='logintarget' onkeypress='submitOnEnter(event)' method='post'>"
				+ "			<table style=\"width:300px; max-height:40px;\">"
				+ "     		<tr style=\"width:300px; max-height:20px;\" align=\"right\">"
				+ "    				<td style=\"width:100px; max-height:20px; text-align:right; font-size:14px; font-family:Times New Roman,Georgia,Serif;\" align=\"center\">User Name</td>"
				+ "      			<td style=\"width:200px; max-height:20px;\" align=\"right\">"
				+ "						<div><input class='v-textfield' style='display:block; width:200px; [b]
max-height:20px;'
[/b] type='text' name='username'/></div>"
				+ "					</td>"
				+ "				</tr>"
				+ "				<tr style=\"width:300px; max-height:20px;\" align=\"right\">"
				+ "					<td style=\"width:100px; max-height:20px; text-align:right; font-size:14px; font-family:Times New Roman,Georgia,Serif;\" align=\"center\">Password</td>"
				+ "					<td style=\"width:200px; max-height:20px;\" align=\"right\">"
				+ "						<div><input class='v-textfield' style='display:block; width:200px;[b]
 max-height:20px
[/b];' type='password' name='password'/></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><input onclick='document.forms[0]
.submit();' type=\"submit\" value=\"Login\" style=\"width:60px; height:24px;\"/></td>"
				+ "      					<td><input onclick='document.forms[0]
.submit();' type=\"submit\" value=\"Reset\" style=\"width:60px; height:24px;\"/></td>"
				+ "      	 			</tr>" 
				+ "					</table>"
				+ "				</tr>"
				+ "			</table>"
				+ "		</form>" 
				+" </div></body>";

		return (x + "<html>" + h + b + "</html>").getBytes();
	}

Not working in code also

please give me a solution