html网页设计:一个简单的登录界面代码!

在html网页设计中,一个“登录”按钮怎么编写代码?

列如所给图片的“登录”按钮怎么用html代码显示出来,要求能够识别是否输入用户名和密码!

是这样的效果吗?

3

function r()

{

var username=document.getElementById("username");

var pass=document.getElementById("password");

if(username.value=="")

{

dualert("请输入用户名");

username.focus();

return;

}

if(pass.value=="")

{

alert("请输入密码");

return;

}

return true;

}

用户名
密 码
验证码
   

大致形式应该是这样的:

3
用户名:
密  码:
验证码:

function myfun_submit(){

var user_val = document.getElementById("user").value;

var password_val = document.getElementById("password").value;

if(user_val==""){

alert("用户名不能为空!!");

}else if(password_val==""){

alert("密码不能为空!!!");

}

}

function myfun_reset(){

document.getElementById("user").value = "";

document.getElementById("password").value = "";

document.getElementById("code").value = "";

}

相关文章

更多推荐

html网页加入一个按钮,在html网页设计中,一个“登录”按钮怎么编写代码?