JSFiddle - React, Tailwind, and code Playground

by petersendidit

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/jquery-ui-git.css">
<div id="form" style="display:none;">
    <form method="post" id="feedback" class="webform" name="feedback">
        
        
        <label for="company">Company</label>
        <select name="company" id="company">
            <option SELECTED VALUE="">Select an option</option>
            <option value="Technical">Technical</option>
            <option value="Database">Database</option>
            <option value="Error">Error</option>
            <option value="Other">Other</option>
        </select>
        <label for="name">Full Name:</label>
        <input id="uname" name="uname"  type="text" class="text ui-widget-content ui-corner-all inputbox uname" value="" />
        <label for="email">Email address:</label>
        <input id="email" name="email" type="text" class="text ui-widget-content ui-corner-all inputbox email" value="" />
        <label for="position">Position:</label>
        <input id="position" name="position" type="text" class="text ui-widget-content ui-corner-all inputbox position" />
        <label for="feedbacknew">Feedback:</label>
        <textarea id="feedbacknew" name="feedbacknew" cols="25" rows="3" type="text" class="text ui-widget-content ui-corner-all inputbox feedbacknew">Please make sure that any error messages or numbers are listed here </textarea><br />
        
        <button id="submit" class="submit">Submit</button>
        <div id="message"></div>
    </form>
</div>

JavaScript

function help() {
    $('#feedback').dialog({
        resizeable: true,
        title: "Mail Help",
        width: 500,
        height: 420,
        modal: true,
        overlay: {
            backgroundColor: "#000",
            opacity: 0.3
        }
    }).dialog('open');
}

help();