JSFiddle - React, Tailwind, and code Playground

by Qwerty_Wasd

HTML

<div id="picture">
        <img src="logo.png" alt="Логотип">
    </div>
    <form name = "contact_form">
    <table>
        <caption>
        <div class = "headline">Заполнение показаний многотарифного счетчика электроэнергии</div>
        </caption>
    <tr>
        <td>Фамилия<span class="red">*</span></td>
        <td>
        <input type="text" name="data-familia" id="familia" placeholder="Иванов">
        </td>
    </tr>
    <tr>
        <td>Имя<span class="red">*</span></td>
        <td>
            <div class="name">
                <input type="text" name="data-name" id="name" placeholder="Иван">
            </div>
        </td>
    </tr>
    <tr>
        <td>Отчество<span class="red">*</span></td>
        <td>
            <input type="text" name="data-fatherName" id="fathername" placeholder="Иванович">
        </td>
    </tr>
    <tr>
        <td>Номер квартиры<span class="red">*</span></td>
        <td>
            <input type="text" name="data-number" id="name_id" placeholder="1">
        </td>
    </tr>
    <tr>
        <td>По какому тарифу считать?</td>
        <td>
            <select name="tax">
                <option value="r1">Пиковая зона (7-9 и 7-20)</option>
                <option value="r2">Полупиковая зона (9-17 и 23-23)</option>
                <option value="r3">Ночная зона (23-7)</option>
            </select>
         </td>
    </tr>
    <tr>
        <td>Наличие льгот</td>
            <td>
            <p><input type="checkbox" name="a" value="1">Многодетная семья</p>
            <p><input type="checkbox" name="a" value="1">Безработный</p>
            <p><input type="checkbox" name="a" value="1">Почетный гражданин</p>
            </td>
    </tr>
    <tr>
        <td>Вы собственник?</td>
        <td>
            <input type="radio" name="gender" value="Mужской"/> Да
            <input type="radio" name="gender" value="Женский"/> Нет
        </td>
    </tr>
    <tr>
        <td>Дата начала следующего учетного периода</td>
       ...