Как отключить textarea и сохранить карету активной

Question

Мне было интересно, как вы могли бы выполнить сценарий, в котором у вас отключена текстовая область, и в то же время вы хотите, чтобы курсор текста оставался активным, Есть мысли?

Answer 1

В зависимости от того, что вы хотите отключить, вы можете искать атрибут readonly.Это предотвращает вставку или ввод текста, но не выбор и копирование.Это также не затеняет элемент.

<textarea>This is a normal textarea.</textarea>
<br>
<textarea readonly>This is a readonly textarea.</textarea>
<br>
<textarea disabled>This is a disabled textarea.</textarea>

Теперь, если вы do хотите выделить серый элемент, чтобы он выглядел как disabled, вы можете установить его цвета с помощью CSS.

textarea[readonly] {
  color: rgba(128, 128, 128, 1);
  background: rgba(128, 128, 128, .15);
  border-color: rgba(128, 128, 128, .15);
  border-style:solid;
}

<textarea>This is a normal textarea.</textarea>
<br>
<textarea readonly>This is a readonly textarea.</textarea>
<br>
<textarea disabled>This is a disabled textarea.</textarea>