JSFiddle - React, Tailwind, and code Playground

by Karan1412

HTML

<fieldset style="width:300px;">
    <legend>Employee Information</legend>
    <form>
        <table>
            <tr>
                <td>
                    <label for="FirstName">FirstName</label>
                </td>
                <td>
                    <input type="text" id="FirstName" title="Enter your FirstName Here !! First name should be less than 50 letters." />
                </td>
            </tr>
            <tr>
                <td>
                    <label for="LastName">LastName</label>
                </td>
                <td>
                    <input type="text" id="LastName" title="Enter your LastName Here !! Last name should be less than 50 letters." />
                </td>
            </tr>
            <tr>
                <td>
                    <label for="Designation">Designation</label>
                </td>
                <td>
                    <input type="text" id="Designation" title="Enter your Designation" />
                </td>
            </tr>
            <tr>
                <td>
                    <label for="City">City</label>
                </td>
                <td>
                    <input type="text" id="City" title="Enter your City." />
                </td>
            </tr>
            <tr>
                <td>
                    <input type="submit" value="Submit" title="Submits the form" />
                </td>
                <td>
                    <input type="reset" value="Reset" title="Resets the form" />
                </td>
            </tr>
        </table>
    </form>
</fieldset>

JavaScript

$(function () {
    $(document).tooltip();
});