JSFiddle - React, Tailwind, and code Playground

by geortravel

HTML

<div class="bookingform">
    <table style="border-style: 0;">
        <tr style="display:none;">
            <td colspan="5">Status:
                <br>{status1}</td>
        </tr>
        <tr>
            <td>
                <fieldset>
                    <legend>Flights</legend>Subject:
                    <br>{subject}</td>
            <td colspan="4">If have Airfare:
                <br>[php snippet=32] One Way</td>
        </tr>
        <tr>
            <td>Leaving From:
                <br>
                <input required value="[php snippet=27]" readonly {leavingfrom}</td>
                <td colspan="4">Going To:
                    <br>
                    <input readonly value="[php snippet=29]" {goingto}</td>
        </tr>
        <tr>
            <td>Departure Date:
                <br>
                <input readonly value="[php snippet=28]" {departuredate}</td>
                <td colspan="4"><span class="return">Return Date:<br><input readonly value="[php snippet=30]"{returndate}</fieldset></td> </tr> <tr> <td>Adults:<br>{adults}</td> <td>Children<br>{children}</td> <td colspan="3">Budget per Person<br><input type="text" value="[php snippet=33]" {budget}</td> </tr> <tr> <td> Contact Person:<br><input class="wct-formchar32" type="text" required name="wctf_contactperson" value="[php snippet=5]" maxsize="32" [hide for="all" exclude="subscriber"]readonly="readonly"[/hide]</td> <td>Contact No.:<br> <input class="wct-formchar32" type="text" required name="wctf_phone" value="[php snippet=7]" maxsize="32" [hide for="all" exclude="subscriber"]readonly="readonly"[/hide]</td> <td colspan="3"> E-mail:<br> <input class="wct-formchar32" type="text" required name="wctf_email" value="[php snippet=6]" maxsize="32" [hide for="all" exclude="subscriber"]readonly="readonly"[/hide]</td> </tr> <tr> <td colspan="5">Notes:<br>{specialrequest}</td> </tr> </table></div>