测试一下HTML

In this recent time we are focusing on a web application, yeah, internal product, i think that's why they think a little of user experience, so i want to test it with html, any question please feel free to let me know, I appreciate that:

1. Position the mouse cursor in the front of the first input when load it at the first time;

2. Replace attribute "size" with "style" to solve the problem that display two different length issue about input on IE;

3. The attribute "reset" must be used in form;

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function cleartextbox()
{
document.getElementById("eml").value="";
}
</script>
</head>
<body onload="table.email.focus()">
<!--use formname.tdname.focus() to position cursor><-->
<form name="table">
<table style="margin-left":28% width="45%">
<tr>
<td>Email:</td>
<td><input type="text" id="eml" name="email" maxlength="30" style="width:200px"></td>
<!--Can't user size to set the input length on IE, must use style><-->
<td><button type="button" onclick="cleartextbox()">Clear Email</button></td>
</tr>
<tr>
<td>Password:</td>
<td><input type="password" id="pwd" name="password" style="width:200px"></td>
</tr>
<tr>
<td></td>
<td><input type="reset" id="reset1" value="Reset Table"></td>
</tr>
</table>
</form>
<br></br>
<button type="button" onclick="cleartextbox()">Clear Email</button>
</body>
</html>




你可能感兴趣的:(测试一下HTML)