JSFiddle - React, Tailwind, and code Playground

by venkateshwar

HTML

<li id=recordsArray_1>
    <form medthod=post name=fr_1 id=fr_1>
        <input type=text name=a>
        <input type=text name=b>
        <input type=text name=c>
        <input type=submit name=b_1 value=ok>
        <div></div>
    </form>
</li>
<li id=recordsArray_2>
    <form medthod=post name=fr_2 id=fr_2>
        <input type=text name=a>
        <input type=text name=b>
        <input type=text name=c>
        <input type=submit name=b_2 value=ok>
        <div></div>
    </form>
</li>
<li id=recordsArray_3>
    <form medthod=post name=fr_3 id=fr_3>
        <input type=text name=a>
        <input type=text name=b>
        <input type=text name=c>
        <input type=submit name=b_3 value=ok>
        <div></div>
    </form>
</li>

CSS

input[type=text]:focus~div {
        background-color:red;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        z-index: -1;
    }
    li {
        position:relative;
    }