Добавление HTML в текстовую область. Текстовая область не показывает значение при проверке элемента

Question

Я пишу текст в поле текстовой области, но то, что я пишу, не отображается через элемент inspect. Помогите, пожалуйста, чтобы я показывал, что я пишу в текстовом поле, когда я проверяю элемент.

<div class="F0XO1GC-j-k">
  <label for="gwt-uid-4809"> Write an invitation message </label>
  <textarea class="gwt-TextArea F0XO1GC-Nb-g" rows="10" id="gwt-uid-4809" dir="ltr"></textarea>
  <div class="F0XO1GC-Nb-o" aria-hidden="true" style="display: none;"></div>
  <div class="F0XO1GC-b-S F0XO1GC-Nb-f" style="display: none;" aria-hidden="true"></div>
  <div class="F0XO1GC-b-Db"> The group's name, description, and address will automatically be included in the email. </div>
</div>

Я ожидаю, что он покажет значение при проверке элемента.

Answer 1

Ваши ожидания неверны.Это нормальное поведение.

Содержимое элемента textarea представляет собой значение поля default (используется для первоначального заполнения поля и установки его значения при активации кнопки reset).

Значение, которое вы вводите в него, является значением current .

Инспектор DOM показывает вам содержимое, поэтому оно показывает значение по умолчанию.

Когда вы отправляете форму или читаете ее value свойство с помощью JavaScript, вы получите текущее значение.