菜鸟学web---类似淘宝的登陆界面

最新推荐文章于 2023-03-16 10:38:10 发布

VIP文章郝刚1

最新推荐文章于 2023-03-16 10:38:10 发布

阅读量6.2k

点赞数 3

分类专栏： web前端文章标签： javascript html css web前端

本文链接：https://blog.csdn.net/u012454898/article/details/52863974

版权

功能介绍：该页面只是在浏览器端判断是否输入的字符是否符合要求，没有经过数据库。当点击文本框时，会有提示，输入完成后也会看是否正确，后面也会跟着一些提示。界面如下：
刚开始的界面
输入用户名或者密码时：
这里写图片描述

其中所用到的知识：简单的html 、css 和javascript，
在javascript中使用到了Javascript的正则表达式。（以后文章会写一些简单的正则表达式）

html代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
    <link href="mycss.css" type="text/css" rel="stylesheet">
    <script type="text/javascript" src="new.js"></script>
</head>
<body>
    <form action="test.html">
    <div>
        <label><span>会员名</span> <input type="text" class="text"> </label><p class="msg" ><i class="ati" ></i>5-26个字符，一个汉字为两个字符，推荐使用中文名称</p>
    </div>
    <div> <label><span></span> <b id="count">0个字符</b> </label> </div>

    <div>
        <label> <span>登录密码</span> <input type="password" class="text" ></label>
        <p class="msg" ><i class="err" ></i>5-26个字符，一个汉字为两个字符，推荐使用中文名称</p>
    </div>

    <div>
        &

最低0.47元/天解锁文章

郝刚1

关注

3
点赞
踩
34

收藏

觉得还不错? 一键收藏
1
评论
菜鸟学web---类似淘宝的登陆界面

功能介绍：该页面只是在浏览器端判断是否输入的字符是否符合要求，没有经过数据库。当点击文本框时，会有提示，输入完成后也会看是否正确，后面也会跟着一些提示。界面如下：输入用户名或者密码时：其中所用到的知识：简单的html 、css 和javascript，在javascript中使用到了Javascript的正则表达式。（以后文章会写一些简单的正则表达式）html代码：<!DOCT
复制链接

扫一扫