html前端简单页面,html网页设计：一个简单的登录界面代码！

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 = "";

}

相关文章