Bootstrap 5 Элементы управления формой Простой текст только для чтения
Опубликовано: 17 Февраля, 2023
Bootstrap 5 Элементы управления формой Простой текст только для чтения используется для создания поля ввода только для чтения в виде открытого текста. Чтобы создать поле ввода обычного текста, мы будем использовать класс .form-control-plaintext . Этот класс удаляет стиль и сохраняет правильные поля и отступы.
Атрибут управления формой только для чтения:
- только для чтения: этот атрибут используется для создания поля ввода только для чтения.
Класс простого текста управления формой:
- .form-control-plaintext: этот класс используется для отображения поля ввода в виде обычного текста.
Синтаксис:
<div class="row"> <label for="GFG" class="col-*-* col-form-label"> Content </label> <div class="col-*-*"> <input type="text" readonly class="form-control-plaintext" id="..." value="..."> </div> </div>
Пример 1. В этом примере мы создадим простой текстовый элемент управления формы, предназначенный только для чтения.
Выход:
Пример 2. В этом примере мы создадим простой текстовый элемент управления формы, предназначенный только для чтения.
Выход:
Ссылка: https://getbootstrap.com/docs/5.0/forms/form-control/#readonly-plain-text