JSFiddle - React, Tailwind, and code Playground

HTML

<form method="get" id="form_reg_mem">
                        <input type="hidden" name="s" value="member"/>
                        <input type="hidden" name="a" value="4"/>
                        <h5>{$lbl_mem_info}</h5>
                        <hr/><br/>
                        <p>
                            <label>Email</label>
                            <input id="mem_email" class="easyui-validatebox" type="email" name="mem_email" required style="width: 200px" maxlength="45" />
                        </p>
                        <p>
                            <label>First Name</label>
                            <input id="mem_fname" class="easyui-validatebox filter_alphanumeric" type="text" name="mem_fname" required style="width: 200px" maxlength="45"/>
                        </p>
                        <p>
                            <label>Last Name</label>
                            <input id="mem_lname" class="easyui-validatebox filter_alphanumeric" type="text" name="mem_lname" required style="width: 200px"  maxlength="45" />
                        </p>
                        <p>
                            <label>Address</label>
                            <textarea id="mem_addr" class="easyui-validatebox filter_alphanumeric" name="mem_addr" style="width: 400px" maxlength="128"></textarea>
                        </p>
                        <p>
                            <label>Phone</label>
                            <input id="mem_phone" class="easyui-validatebox filter_numeric" type="text" name="mem_phone" style="width: 150px" maxlength="32" required/>
                        <p>
                            <input class="button" value="Register" type="submit"/>
                        </p>
                     </form>