calc_and_button.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
        <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
        <link rel="stylesheet" href="calc_and_button_css.css"/>
        <script type="text/javascript" src="calc_and_button.js"></script>
    </head>
    <body>
        <input type="button" value="Онлайн-калькулятор" id="online_calc_button" class="spdl_submit">
        <div id="calc" title="Онлайн-калькулятор" style="display:none;">
            <table id="spdl_table">
                <tr>
                    <td>Общая площадь</td>
                    <td><input type="text" id="gross_area" name="gross_area" class="spdl_input light_font"><span class="light_font">м<sup><small>2</small></sup></span></td>
                </tr>
                <tr>
                    <td>Тип помещения</td>
                    <td><input type="text" id="lodgment_type" name="lodgment_type" class="spdl_input light_font"/></td>
                </tr>
                <tr>
                    <td>Комнаты</td>
                    <td><input type="text" id="rooms" name="rooms" class="spdl_input light_font"/></td>
                </tr>
                <tr>
                    <td>Элекртика</td>
                    <td>
                        <input type="radio" id="electricity" name="electricity" value="electricity" class="spdl_radio"/><span class="padding_right">Нужно</span>
                        <input type="radio" id="no_electricity" name="electricity" value="no_electricity" class="spdl_radio"/>Не нужно
                    </td>
                </tr>
                <tr>
                    <td>Дизайн</td>
                    <td><span class="light_font">Бесплатно</span></td>
                </tr>
                <tr>
                    <td>Полы</td>
                    <td>
                        <input type="radio" id="floors" name="floors" value="floors" class="spdl_radio"/><span class="padding_right">Нужно</span>
                        <input type="radio" id="no_floors" name="floors" value="no_floors" class="spdl_radio"/>Не нужно
                    </td>
                </tr>
                <tr>
                    <td>Ваша смета</td>
                    <td><input type="text" name="estimate" id="estimate" class="spdl_input light_font"/><span class="light_font">рублей</span></td>
                </tr>
                <tr>
                    <td>Контакт*</td>
                    <td><input type="text" id="contact" name="contact" class="spdl_input light_font" placeholder="+7 (495) 222-22-22"/></td>
                </tr>
                <tr>
                    <td style="vertical-align:top;">Примечание</td>
                    <td><textarea name="note" id="note" rows="4" cols="40" class="spdl_input" style="width:200px;height:auto;"></textarea></td>
                </tr>
                <tr>
                    <td> <!-- Empty--> </td>
                    <td>
                        <input type="submit" value="Посчитать" name="calculate_button" id="calculate_button" class="spdl_submit">
                        <input type="button" value="Отмена" id="cancel_button" class="spdl_cancel">
                    </td>
                </tr>
            </table>
        </div>
    </body>
</html>