js 设置标签只读

<input type="text" id="myInput" value="这是只读文本">
<textarea id="myTextarea">这也是只读文本</textarea>

<script>
  document.getElementById('myInput').readOnly = true;
  document.getElementById('myTextarea').readOnly = true;
</script>

document.getElementById('myInput').setAttribute('readonly', 'readonly');
document.getElementById('myTextarea').setAttribute('readonly', 'readonly');

.read-only {
  user-select: none; /* 标准语法 */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
}

<div class="read-only">这是不可选择的只读文本</div>