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 οnlοad="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" οnclick="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" οnclick="cleartextbox()">Clear Email</button>
</body>
</html>
453
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
