JSFiddle - React, Tailwind, and code Playground

by Jean-Baptiste Audras

HTML

<div class='gf_browser_chrome gform_wrapper' id='gform_wrapper_1' ><form method='post' enctype='multipart/form-data'  id='gform_1'  action='/allinges/dev/infos-utiles/contacter-la-mairie/'>
                        <div class='gform_body'><ul id='gform_fields_1' class='gform_fields top_label form_sublabel_below description_below'><li id='field_1_1' class='gfield gfield_contains_required field_sublabel_below field_description_below' ><label class='gfield_label' for='input_1_1' >Votre nom<span class='gfield_required'>*</span></label><div class='ginput_container'><input name='input_1' id='input_1_1' type='text' value='' class='medium'  tabindex='1'   /></div></li><li id='field_1_2' class='gfield gfield_contains_required field_sublabel_below field_description_below' ><label class='gfield_label' for='input_1_2' >Votre prénom<span class='gfield_required'>*</span></label><div class='ginput_container'><input name='input_2' id='input_1_2' type='text' value='' class='medium'  tabindex='2'   /></div></li><li id='field_1_3' class='gfield gfield_contains_required field_sublabel_below field_description_below' ><label class='gfield_label' for='input_1_3' >Votre email<span class='gfield_required'>*</span></label><div class='ginput_container'>
                            <input name='input_3' id='input_1_3' type='email' value='' class='medium' tabindex='3'   />
                        </div></li><li id='field_1_4' class='gfield gfield_contains_required field_sublabel_below field_description_below' ><label class='gfield_label' for='input_1_4' >Objet de votre email<span class='gfield_required'>*</span></label><div class='ginput_container'><input name='input_4' id='input_1_4' type='text' value='' class='medium'  tabindex='4'   /></div></li><li id='field_1_5' class='gfield gfield_contains_required field_sublabel_below field_description_below' ><label class='gfield_label' for='input_1_5' >Votre message<span class='gfield_required'>*</span></label><div...