JSFiddle - React, Tailwind, and code Playground

by alessia_fachin

HTML

<link rel="stylesheet" href="http://i.icomoon.io/public/temp/a7595cc46f/UntitledProject1/style.css">
<input type="text" required>
<input type="email" required>
<input type="submit">
<span data-icon="&#xe600;"> </span>

CSS

body{
    counter-reset: errori;
    counter-reset: campi;
}

input:not([type="submit"])
{
    counter-increment: campi;
}

input:invalid{
    counter-increment: errori campi;
}
input:invalid ~ span:before{
    /* font-family: 'icomoon'; */
    content: counter(errori) '/' counter(campi) ' Errori';
    color: red;
}

input:invalid ~ input[type="submit"]{
    display: none;
}