php 智能人性化提交表单JS特效代码
智能人性化提交表单JS特效代码 人性化的代码**[PHP]代码**[代码片段(40行)]
人性化的代码
[PHP]代码
网页资源代码站提示：测试智能人性化提交表单JS特效代码这个代码看效果--因加载JS有必要刷新-<P>会自动确定表单焦点的人性化表单，当你把鼠标放到某个输入框上的时候，它会自动选中，不需要你再去点击鼠标，经常填表单的朋友肯定会喜欢这种小功能，因为经常填表单的朋友，整天面对表单，多么希望表单能智能化一点。</P>
智能人性化提交表单JS特效代码<!-- 脚本部分 -->
<script type="text/javascript">
function $(str){ return(document.getElementById(str)); }
function check_submit(){
if($("txt_user_name").value==""){ alert("请填写用户名"); return(false); }
if($("txt_user_pass").value==""){ alert("请填写密码"); return(false); }
if($("txt_user_pass_confirm").value==""){ alert("请填写确认密码"); return(false); }
$("submit_button").disabled=true;
return(false);
}
function mover(){
event.srcElement.focus();
event.srcElement.select();
}
function mclick(){
if(event.srcElement.value=="[请输入用户名]")event.srcElement.value="";
}
function mblur(){
if(event.srcElement.value=="")event.srcElement.value="[请输入用户名]";
}
</script>
</head>
<body style="overflow:auto;">
<form action="" onsubmit="return check_submit();">
用户名：<br>
<input id="txt_user_name" onmouseover="mover();"
onclick="mclick();" onblur="mblur();" value="[请输入用户名]"><br>
密码：<br>
<input id="txt_user_pass" type="password" onmouseover="mover();" value="默认密码"><br>
确认密码：<br>
<input id="txt_user_pass_confirm" type="password" onmouseover="mover();" value="默认密码"><br>
<input type="submit" value="提交" id="submit_button">
</form>
<br />
<p><a href="http://www.dyunr.com/code/">网页资源-网页代码站</a> - 最专业的网页代码下载网站 - 致力为中国站长提供有质量的网页代码！</p>
</body>
</html>有效果吗？谢谢您支持我们的网页资源站，我们的网址是http://www.dyunr.com
本文来自: 网页资源网(www.dyunr.com) 转载复制请保留原出处，谢谢!详细出处参考：http://www.dyunr.com/Code/dm8/498.html
- 上一篇：PHP 更加完善数字转换中文类
- 下一篇：php 验证类
精彩图集
精彩文章