html

<div class="wrap">
    <h2 id="crudSettingsTitle">CRUD   -   Create, Read, Update & Delete</h2><br/>

    <form id="optionsHolderForm" method="post" action="options.php">
        <?php settings_fields( 'crud-settings-group' ); ?>
        <?php do_settings_sections( 'crud-settings-group' ); ?>
        <label>Please select the table you would like to edit:</label><br/>
            <select id="crudSettings" name="current_table">

            </select>

            <br/>
            <div id="TableOptionsDiv">
                <label>Method:</label><br/>
                <select id="crudMethod" name="sqlMethod">
                    <option id="Insert" value="Insert" />Insert</option>
                    <option id="Select" value="Select" />Select</option>
                    <option id="Update" value="Update" />Update</option>
                    <option id="Delete" value="Delete" />Delete</option>
                </select>
                <div id="updateInfoHolder" style="display:none">
                    <label>Update record where field </label>
                    <input type="text" name="updateWhere" id="updateWhere" placeolder="Enter where to update">
                    <label> = </label>
                    <input type="text" name="updateIs" id="updateIs" placeolder="Enter where to update">
                </div>
                <div id="deleteInfoHolder" style="display:none">
                    <label>Delete record where field </label>
                    <input type="text" name="deleteWhere" id="deleteWhere" placeolder="Enter where to delete">
                    <label> = </label>
                    <input type="text" name="deleteIs" id="deleteIs" placeolder="Enter where to delete">
                </div>
            </div>
        <?php submit_button(); ?>

    </form>
    <form id="deleteTableForm" method="post" action="#">
                <input type="submit" name="deleteTableBtn" value="delete table">
    </form>

    <form id="newTableForm" method="post" action="#">
        <h2><strong>Add new Table</strong></h2>
        <label>Table Name:</label><br/>
        <input type="text" name="newTableName" id="newTableName" placeholder="Enter a table name"><br/><br/>
        <div id="tableFieldsDiv">
            <label>Table fields:</label><br/>
            <div>
                <label>Field name: </label>
                <input type="text" name="tableField1" id="tableField1" placeholder="Enter a field name"><br/>
                <label>Field type: </label>
                <select id="option1Type" name="option1Type" class="optionTypes">

                </select><br/>
                <span id="option1TypeAISpan" name="option1TypeAISpan" class="optionAISpan">
                    <label>Auto-Increment</label>
                    <input type="checkbox" id="option1TypeAI" name="option1TypeAI"><br/>
                </span>
                <label>Primary: </label>
                <input type="radio" name="primary" id="option1Primary"><br/>
                <label>Field length: </label>
                <input type="text" name="option1Length" id="option1Length" placeholder="Enter a length"><br/>
            </div>
        </div>
        <input type="text" id="addNewFieldCount" name="addNewFieldCount" value="1"><br/>
        <input type="button" id="addNewFieldBtn" name="addNewFieldBtn" class="newTableButtons" value="Add new field"><br/>
        <input type="submit" name="NewTableBtn" id="NewTableBtn" class="newTableButtons" value="NEW TABLE"><br/>
    </form>
    <div id="tableDetails">

        </div>
    </div>