MultiInput - создание мультиполя

MultiInput - создание мультиполя

Инструкция multiinput предназначена для организации ввода мультиполей. Все вводимые поля внутри инструкции становятся мультиполем.

Для работы данной инструкции к темплейту необходимо подключить файл: /engine/js/functions.js

Значения атрибутов: data-role - указывает имя инструкции multiinput name - имя мультиполя. Все тэги input, select, textarea внутри инструкции multiinput становятся мультиполями и сохраняются в формате json внутри поля с именем указанным в name md,xs,sm - указывается ширина мультиполей в стандартах Bootstrap

Пример:

<form>
    <label>Ф.И.О.</label><input type="text" name="name"><br>
    <div data-role="multiinput" name="phones">
        <label>Тип</label>
        <select name="type" data-role="dict" name="phone_type">
            <option value="{{id}}">{{type}}</option>
        </select>
        <br>
        <label>Номер</label><input type="tel" name="phone">
    </div>
</form>

Пример:

<form>
    <label>Ф.И.О.</label><input type="text" name="name"><br>
    <div class="col-sm-12" data-role="multiinput" name="fin">
        <input class="form-control" sm="2" md="2" type="datepicker" name="date" placeholder="Дата">
        <input class="form-control" sm="2" md="2" type="number" name="summ" placeholder="Сумма">
        <input class="form-control" sm="8" md="8" type="text" name="comment" placeholder="Комментарий">
    </div>
</form>

Пример:

<form>
    <label>Ф.И.О.</label><input type="text" name="name"><br>
    <div class="col-sm-12" data-role="multiinput" name="fin">
        <div class="form-group">
        <div class="col-sm-2">
             <input class="form-control" type="datepicker" name="date" placeholder="Дата">
        </div>
        <div class="col-sm-2">
             <input class="form-control" type="number" name="summ" placeholder="Сумма">
        </div>
        <div class="col-sm-8">
             <input class="form-control" type="text" name="comment" placeholder="Комментарий">
        </div>
        </div>
    </div>
</form>

Интеграция с Bootstrap v.3

Чистый & понятный код

Парсер DOM в PHP