登录注册功能实现（带提示要求）

最新推荐文章于 2024-05-14 13:30:08 发布

气球大海

最新推荐文章于 2024-05-14 13:30:08 发布

阅读量1.4k

点赞数

本文链接：https://blog.csdn.net/weixin_44239035/article/details/89133507

版权

这篇博客介绍了如何使用HTML和JavaScript实现登录注册功能，包括用户名、密码、确认密码和电子邮件等字段的验证提示。内容中提到了可以将HTML和JS代码分开到两个文件并引入，以实现更清晰的代码组织。

摘要由CSDN通过智能技术生成

html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>长佩网站</title>
    <style type="text/css">
        *{
            padding:0; margin:0;
        }
        body{
            margin: 0 auto;
            font-size:14px;
            line-height:30px;
        }
        .center{
            background-color: #A0D59A;
            width: 1000px;
            margin: 0 auto;
        }
        .inputs {
            border: 1px solid #333;
            width:120px;
            float:left;
        }
        .left{
            width:120px;
            text-align:right;
            padding-right:5px;
        }
        .red{
            color:#ff0000;
            padding-left:10px;
            font-size:12px;
        }
    </style>
</head>
<body>
<div class="center"><img src="images/t2.png" width="1000"/></div>
<div class="center">
    <table width="800" border="0" cellspacing="0" cellpadding="0">
        <form action="board.html" method="post" name="myform" "return check()">
            <tr height="40">
                <td class="left">用户名：</td>
                <td><input id="user" type="text"  class="inputs"/><div id="userId" class="red"></div></td>
            </tr>
            <tr he