Javascript 如何在输入字段中保留一些默认文本？

我不知道我问得对不对，所以请原谅。就这样。我有一个文本输入字段。我已经有一些占位符文本了。但是，当用户单击该字段时，我希望占位符文本消失，并出现一些默认文本，用户无法删除这些文本。 因此，当用户提交表单时，收到的数据应该是这种格式——“我保留的默认文本”+“用户提供的文本”。我该怎么做呢

这是我的输入字段的示例

<input type="text" placeholder="defaultText" class="input">

---

将id属性添加到输入中

<input type="text" placeholder="defaultText" class="input" id="myInput">

---

将id属性添加到输入中

<input type="text" placeholder="defaultText" class="input" id="myInput">

---

将id属性添加到输入中

<input type="text" placeholder="defaultText" class="input" id="myInput">

---

将id属性添加到输入中

<input type="text" placeholder="defaultText" class="input" id="myInput">

编辑：//更新的代码，应该是好的：） EDIT2://添加评论

编辑：//更新的代码，应该是好的：） EDIT2://添加评论

编辑：//更新的代码，应该是好的：） EDIT2://添加评论

编辑：//更新的代码，应该是好的：）

---

---

EDIT2://added comments

我能想到的最简单的方法是，在用户使用php/js whateverNo提交表单后，让它消失，并在用户输入的前面添加默认值，如果我这样做，它将无法达到目的。我想让用户知道，在他要键入的内容之前，有一些默认文本。将其放在输入元素的前面，而不是里面。其他一切都以UX地狱结束。我能想到的最简单的方法是，在用户使用php/js whateverNo提交表单后，简单地让它消失，并在用户输入的前面添加默认值，如果我这样做，它将无法达到目的。我想让用户知道，在他要键入的内容之前，有一些默认文本。将其放在输入元素的前面，而不是里面。其他一切都以UX地狱结束。我能想到的最简单的方法是，在用户使用php/js whateverNo提交表单后，简单地让它消失，并在用户输入的前面添加默认值，如果我这样做，它将无法达到目的。我想让用户知道，在他要键入的内容之前，有一些默认文本。将其放在输入元素的前面，而不是里面。其他一切都以UX地狱结束。我能想到的最简单的方法是，在用户使用php/js whateverNo提交表单后，简单地让它消失，并在用户输入的前面添加默认值，如果我这样做，它将无法达到目的。我想让用户知道，在他要键入的内容之前，有一些默认文本。将其放在输入元素的前面，而不是里面。其他一切都以UX地狱结束。工作完美，谢谢！但是你能在演示中评论一下你的代码吗，以便向我解释代码中到底发生了什么？当然，马上就到：）你太棒了……完全理解了……非常感谢！非常好用，谢谢！但是你能在演示中评论一下你的代码吗，以便向我解释代码中到底发生了什么？当然，马上就到：）你太棒了……完全理解了……非常感谢！非常好用，谢谢！但是你能在演示中评论一下你的代码吗，以便向我解释代码中到底发生了什么？当然，马上就到：）你太棒了……完全理解了……非常感谢！非常好用，谢谢！但是你能在演示中评论一下你的代码吗，以便向我解释代码中到底发生了什么？当然，马上就到：）你太棒了……完全理解了……非常感谢！