javascript 表单的友好用户体现

213 阅读 0 评论 141 点赞

我是靠谱客的博主糟糕外套，这篇文章主要介绍javascript 表单的友好用户体现，现在分享给大家，希望可以做个参考。

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>test</title>
<script language="javascript" type="text/javascript">
function validateLength(obj)
{
return obj.value.length < obj.getAttribute("maxlength");
}
</script>
</head>
<body>
<label for="userName">用户名：</label>
<input id="userName" type="text" maxlength="10" onmouseover="this.focus();" onfocus="this.select();" /><br /><br />

<label for="passWord">密码：</label>
<input id="passWord" type="password" onmouseover="this.focus();" onfocus="this.select();" /><br /><br />

<label for="remark">备注：</label>
<textarea id="remark" onkeypress="return validateLength(this);" onmouseover="this.focus();" onfocus="this.select();" maxlength="50" cols="50" rows="5"></textarea>
</body>
</html>