失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > html前端简单页面 html网页设计:一个简单的登录界面代码!

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

时间:2022-12-06 14:23:15

相关推荐

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

}

相关文章

如果觉得《html前端简单页面 html网页设计:一个简单的登录界面代码!》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。