Warning: Constant USER_COOKIE already defined in /var/www/admin/www/markimarta.ru/wp-config.php on line 85

Warning: Constant PASS_COOKIE already defined in /var/www/admin/www/markimarta.ru/wp-config.php on line 86

Warning: Constant AUTH_COOKIE already defined in /var/www/admin/www/markimarta.ru/wp-config.php on line 87

Warning: Constant SECURE_AUTH_COOKIE already defined in /var/www/admin/www/markimarta.ru/wp-config.php on line 88

Warning: Constant LOGGED_IN_COOKIE already defined in /var/www/admin/www/markimarta.ru/wp-config.php on line 89

Warning: Constant TEST_COOKIE already defined in /var/www/admin/www/markimarta.ru/wp-config.php on line 90
Формы в Bootstrap. Часть 3. Классы для подсветки результатов проверки « Марк и Марта.Ру. Записки отца-программиста




Формы в Bootstrap. Часть 3. Классы для подсветки результатов проверки


Warning: Undefined variable $thumbnail in /var/www/admin/www/markimarta.ru/wp-content/themes/markimarta2023/single.php on line 44

Warning: Attempt to read property "ID" on null in /var/www/admin/www/markimarta.ru/wp-content/themes/markimarta2023/single.php on line 44

Warning: Undefined variable $thumbnail in /var/www/admin/www/markimarta.ru/wp-content/themes/markimarta2023/single.php on line 45

Warning: Attempt to read property "post_title" on null in /var/www/admin/www/markimarta.ru/wp-content/themes/markimarta2023/single.php on line 45
Рис. 7. Подсвечивание результатов проверки формы

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

  • .has-success – класс для индикации о корректных данных;
  • .has-warning – что-то не так, предупреждение;
  • .has-error – ошибка, необходимо исправить.

Классы подсветки необходимо назначать элементу с классом .form-group, в который входит элемент управления.

<div class="form-group has-success">
    <label class="control-label" for="success">Успешно введенные данные</label>
    <input type="text" class="form-control" id="success" value="success">
</div>
<div class="form-group has-warning">
    <label class="control-label" for="warning">Есть предупреждение</label>
    <input type="text" class="form-control" id="warning" value="warning">
</div>
<div class="form-group has-error">
    <label class="control-label" for="error">Ошибка!</label>
    <input type="text" class="form-control" id="error" value="error">
</div>

 

Рис. 7. Подсвечивание результатов проверки формы

Рис. 7. Подсвечивание результатов проверки формы

 


Комментариев нет »

No comments yet.

RSS feed for comments on this post. TrackBack URL

Leave a comment





Срок проверки reCAPTCHA истек. Перезагрузите страницу.



MarkiMarta.ru. Записки отца-программиста" с 2009 г.
Категория информационной продукции 18+
Яндекс.Метрика