原生JS实现登录框邮箱提示

aiguangyuan

已于 2025-03-15 23:05:45 修改

阅读量2.1k

点赞数 1

分类专栏： JavaScript网页特效文章标签：前端开发 JavaScript

于 2019-07-28 22:41:23 首次发布

本文链接：https://blog.csdn.net/weixin_40629244/article/details/97620798

版权

JavaScript网页特效专栏收录该内容

77 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

这篇博客展示了如何利用原生JavaScript实现一个在注册或登录过程中，针对邮箱输入的智能下拉提示功能。通过这段代码，用户可以得到实时的邮箱建议，提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

分享一个由原生JS实现的注册或登录时，输入邮箱时下拉提示效果，效果如下：

实现代码如下：

<!DOCTYPE html>
<html>

<head>
    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>原生JS实现登录框提示</title>

    <style>
        * {
            margin: 0;
            padding: 0;
        }

        body {
            font: 12px/1.125 Arial, Helvetica, sans-serif;
        }

        li {
            list-style: none;
        }

        #login {
            width: 252px;
            height: 385px;
            /* 彩色背景图