Advertisement
tftrgi11

Структура HTML (доп. поля с удалением любой строки)

Dec 19th, 2024 (edited)
34
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 6.10 KB | None | 0 0
  1. <div class="row vertical">
  2.   <label for="justification" title="Обоснование">Обоснование</label>
  3.   <div id="justification" class="required rich-text"></div>
  4. </div>
  5.  
  6.  
  7. <div class="section" id="fields_array"> <!--Внешняя секция (ее наличие обязательно)-->
  8.  
  9.   <div class="section extra hide"> <!--Доп. поля (необходимы классы hide - для сокрытия поля, и extra - для скрипта)-->
  10.     <span class="section-header">Пространство <i class="ii icon-close btn del" title="Удалить"></i></span>
  11.    
  12.     <div class="row vertical">
  13.       <label for="domain_0" title="Пространство">Пространство</label>
  14.       <div id="domain_0" class="required" data-custom-view="домен_в_производстве"></div>
  15.     </div>
  16.  
  17.     <div class="row vertical">
  18.       <label for="new_reprs_0" title="Новые представители">Новые представители</label>
  19.       <div id="new_reprs_0" class="required person-suggest" data-multiple data-min="1"></div>
  20.     </div>
  21.  
  22.  
  23.     <div class="row vertical">
  24.       <label for="new_name_0" title="Новое наименование пространства">Новое наименование пространства</label>
  25.       <input id="new_name_0" type="text" autocomplete="off">
  26.     </div>
  27.       <!--Секции не ограничены по кол-ву полей и их типам-->
  28.   </div>  
  29.  
  30.   <div class="section extra hide"> <!--Доп. поля (необходимы классы hide - для сокрытия поля, и extra - для скрипта)-->
  31.     <span class="section-header">Пространство <i class="ii icon-close btn del" title="Удалить"></i></span>
  32.  
  33.     <div class="row vertical">
  34.       <label for="domain_1" title="Пространство">Пространство</label>
  35.       <div id="domain_1" class="required" data-custom-view="домен_в_производстве"></div>
  36.     </div>
  37.  
  38.     <div class="row vertical">
  39.       <label for="new_reprs_1" title="Новые представители">Новые представители</label>
  40.       <div id="new_reprs_1" class="required person-suggest" data-multiple data-min="1"></div>
  41.     </div>
  42.  
  43.  
  44.     <div class="row vertical">
  45.       <label for="new_name_1" title="Новое наименование пространства">Новое наименование пространства</label>
  46.       <input id="new_name_1" type="text" autocomplete="off">
  47.     </div>
  48.   </div>
  49.  
  50.   <div class="section extra hide"> <!--Доп. поля (необходимы классы hide - для сокрытия поля, и extra - для скрипта)-->
  51.     <span class="section-header">Пространство <i class="ii icon-close btn del" title="Удалить"></i></span>
  52.    
  53.     <div class="row vertical">
  54.       <label for="domain_2" title="Пространство">Пространство</label>
  55.       <div id="domain_2" class="required" data-custom-view="домен_в_производстве"></div>
  56.     </div>
  57.  
  58.     <div class="row vertical">
  59.       <label for="new_reprs_2" title="Новые представители">Новые представители</label>
  60.       <div id="new_reprs_2" class="required person-suggest" data-multiple data-min="1"></div>
  61.     </div>
  62.  
  63.  
  64.     <div class="row vertical">
  65.       <label for="new_name_2" title="Новое наименование пространства">Новое наименование пространства</label>
  66.       <input id="new_name_2" type="text" autocomplete="off">
  67.     </div>
  68.   </div>
  69.  
  70.   <div class="section extra hide"> <!--Доп. поля (необходимы классы hide - для сокрытия поля, и extra - для скрипта)-->
  71.     <span class="section-header">Пространство <i class="ii icon-close btn del" title="Удалить"></i></span>
  72.    
  73.     <div class="row vertical">
  74.       <label for="domain_3" title="Пространство">Пространство</label>
  75.       <div id="domain_3" class="required" data-custom-view="домен_в_производстве"></div>
  76.     </div>
  77.  
  78.     <div class="row vertical">
  79.       <label for="new_reprs_3" title="Новые представители">Новые представители</label>
  80.       <div id="new_reprs_3" class="required person-suggest" data-multiple data-min="1"></div>
  81.     </div>
  82.  
  83.  
  84.     <div class="row vertical">
  85.       <label for="new_name_3" title="Новое наименование пространства">Новое наименование пространства</label>
  86.       <input id="new_name_3" type="text" autocomplete="off">
  87.     </div>
  88.   </div>
  89.  
  90.   <div class="section extra hide"> <!--Доп. поля (необходимы классы hide - для сокрытия поля, и extra - для скрипта)-->
  91.     <span class="section-header">Пространство <i class="ii icon-close btn del" title="Удалить"></i></span>
  92.    
  93.     <div class="row vertical">
  94.       <label for="domain_4" title="Пространство">Пространство</label>
  95.       <div id="domain_4" class="required" data-custom-view="домен_в_производстве"></div>
  96.     </div>
  97.  
  98.     <div class="row vertical">
  99.       <label for="new_reprs_4" title="Новые представители">Новые представители</label>
  100.       <div id="new_reprs_4" class="required person-suggest" data-multiple data-min="1"></div>
  101.     </div>
  102.  
  103.  
  104.     <div class="row vertical">
  105.       <label for="new_name_4" title="Новое наименование пространства">Новое наименование пространства</label>
  106.       <input id="new_name_4" type="text" autocomplete="off">
  107.     </div>
  108.   </div>
  109.  
  110.   <div class="row vertical buttons">  <!--Кнопки добавить/удалить (текст на кнопке можно изменить)-->
  111.     <span class="btn add" style="display:none"><span class="button add">Добавить пространство</span></span>
  112.   </div>
  113. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement