仅使输入字段的一部分不可编辑

Bae*_*lix 6 html html5 input-field

我在网上做了一些狩猎,还没有找到任何具体的答案.是否可以有一个文本字段,其中的默认文本是不可编辑的?

例如,假设我需要用户输入电话号码.他们看到的是:

Input Phone Number: ***-***-****
Run Code Online (Sandbox Code Playgroud)

他们可以编辑他们想要的任何星星.但是,即使该字段完全是空的,也不应该删除破折号.我已经看到输入区域的readonlydisabled标签,但那些会使整个字段禁用.

我希望用户能够输入信息,而不会将我设置的默认字符更改为输入字段.

如果你需要它来试验,这里有一些虚拟代码:

<!doctype HTML>
<html>
<body>
    <section>
         <article>
             <label>Phone Number Entry: </label>
             <input type="tel" name="phone" placeholder="123-456-7890" 
                                        onkeypress='eval(event)' required/>
          </article>
     </section>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

Dio*_*ane 0

输入不支持禁用部分区域。您必须使用 onkeyup 和一些 JavaScript 代码来检查输入框并替换内容(如果发生更改)。