如何使文本输入不可编辑？

Question

所以我有一个文字输入

<input type="text" value="+98912314789" class="telinfo">

有没有办法从头开始保留4个字母？ 我想保留+9891只读，用户可以删除此部分文本框的所有部分。

Answer 1

尝试使用两个输入，一个用于readonly，第二个用于编辑 -

<input type="text" value="+9891" readonly>
<input type="text" value="" class="telinfo">

将其包装在容器中，以便在同一行上添加两个输入。