前端

HTML/CSS优化

云博小周宇1 Min Read

1、关于使用:invalid伪类来实现验证不通过样式设置

<style>
        input[type=email]:invalid + .next-step{
            display: none
        }
    </style>
</head>
<body>
    <form action="">
        <input type="email">
        <span class="next-step">Next</span>
    </form>