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