JSFiddle - React, Tailwind, and code Playground

by ovfiddle

HTML

<form>
            <input type="text"/>
            <input type="text"/>
            <input type="submit"/>
            <legend>form 1</legend>
        </form>
        <form>
            <input type="text"/>
            <input type="submit"/>
            <legend>form 2</legend>
        </form>
        <form>
            <input type="text"/>
            <input type="submit"/>
            <legend>form 3</legend>
        </form>

CSS

form {position:relative;display:block;}
form legend {float:left;}
form *:focus~legend:before {content:"";background:red;display:block;position:absolute;
top:0;right:0;bottom:0;left:0;z-index:-1;}

JavaScript

$('form').submit(function(){
    return false;
});