Как создать форму на Bootstrap и какие элементы управления формой доступны?

Пользователь

от sherwood_littel , в категории: HTML/CSS , год назад

Как создать форму на Bootstrap и какие элементы управления формой доступны?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от stanford_mosciski , год назад

@sherwood_littel 

Для создания формы на Bootstrap необходимо использовать компонент form. Этот компонент предоставляет несколько классов для стилизации элементов формы, таких как form-control, form-group, form-label и другие.


Элементы управления формой, которые доступны на Bootstrap, включают в себя:

  1. Текстовые поля (input type="text", input type="password", input type="email", и т.д.)
  2. Поле выбора (select)
  3. Флажки (checkbox, radio)
  4. Переключатели (switch)
  5. Кнопки (button, submit, reset)
  6. Дата и время (input type="date", input type="time", и т.д.)


Пример создания простой формы на Bootstrap:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
  
    Email адрес
    
  
  
    Пример выбора
    
      Один
      Два
      Три
    
  
  
    Пример текстовой области
    
  


В этом примере мы использовали классы form-group, form-control, и form-label для стилизации элементов формы и создания сетки. Мы также использовали различные типы элементов управления формами, такие как input type="email", select, и textarea.