JSFiddle - React, Tailwind, and code Playground

by T1MOXA

HTML

<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="container">
    <form class="form-horizontal">

        <legend>Настрока бота</legend>

        <div class="form-group">
            <label class="col-md-4 control-label" for="key">Ключ</label>
            <div class="col-md-4">
                <input id="key" name="key" type="text" placeholder="XXXX-XXXX-XXXX-XXXX" class="form-control input-md" required="">

            </div>
        </div>

        <div class="form-group">
            <label class="col-md-4 control-label" for="channel">Имя канала</label>
            <div class="col-md-4">
                <input id="channel" name="channel" type="text" placeholder="nightbot" class="form-control input-md" required="">

            </div>
        </div>

        <div class="form-group">
            <label class="col-md-4 control-label" for="interval">Интервал между сообщениями ботов</label>
            <div class="col-md-4">
                <input id="interval" name="interval" type="text" placeholder="10 сек." class="form-control input-md" required="">

            </div>
        </div>

        <div class="form-group">
            <label class="col-md-4 control-label" for="bots">Количество ботов</label>
            <div class="col-md-4">
                <input id="bots" name="bots" type="text" placeholder="10" class="form-control input-md" required="">

            </div>
        </div>

        <div class="form-group">
            <label class="col-md-4 control-label" for="messages">Файл со списком сообщений</label>
            <div class="col-md-4">
  ...