javascript - 如何在我的 HTML 输入文本中添加默认文本

Question

如何在我的 HTML 文本中添加默认文本，如下图所示

现在这是我的 html 代码:

<input type="text" class="form-control input-sm" name="guardian_officeno" placeholder="Office #" required pattern="[0-9].\d{8}|\d{11}" title="Only Numbers are accepted and must be 10 or 11 numbers"></td>
  </div>

编辑:

如何添加无法删除的文字

Answer 1

根据您问题的最新更新，您需要将 readonly 属性添加到您的 input 标签中。如果您尝试禁用部分输入(这是不可能的)，请参阅我回答的最后一部分。

<input type="text" value="SOME_DEFAULT_VALUE" readonly>

添加 readonly 将防止用户更改您的 input 框中的文本。

Note: Don't rely on readonly as it can be easily overridden using dev tools. Make sure you do have server side checks for the same.

---

在您更新问题之前

如果您想在input 框中添加一些默认文本，请将value 属性添加到您的input 标签

<input type="text" value="Default Val">

---

如果您在谈论前缀，即特定国家/地区的 STD 代码，例如 +63，那么您可以拆分 input 标签，并在第一个标签中设置默认值，让您的用户将数字写在另一个标签中。