Question

我正在寻找一个解决方案，我可以在其中输入一个值为的输入框，并且该值无法更改，但是如果用户要在该框中输入信息，他们可以在旁边添加说出他们的名字值，但无法删除该值。

以下是一个例子：

First Name:

如果用户点击该框，则可以输入他们的名字。

First Name: Kate

'First Name'虽然不能删除，但如果可能的话也不能删除。

我认为这是可能的，但我可以想象这是一件非常棘手的事情。我在网站上看过一次，但我不记得在哪里。

Answer 1

即使有可能，我确定也是如此，你应该不这样做。

每当您操纵一个控件以达到其设计目的之外的目的时，它就成了一个可用性问题。简而言之，您将混淆您的用户。

使用<label>，或完全重新考虑您的界面设计。

Answer 2

您可能可以使用蒙版控件或至少相同的原则。这种方法的优点在于它涵盖了您使用文本输入的需求，并且由于控件上的_可以让用户清楚地了解可以删除哪些内容以及哪些内容不可用，因此不会混淆用户的可用性。 / p>

的示例

您的 html

<input id="txt1" type="text" value="" tabindex="1" />

您的脚本

jQuery(function($) {

     $('#txt1').mask('Something:a*****');
     $('#txt1').val('Something:');

   });

免责声明：即使我使用了jQuery Mask插件，我也不是说它将是您的应用程序或唯一选择的正确选择，但我认为它可以指导或提供有关您的问题的想法可以解决。

希望它有所帮助！

Answer 3

创建一个包含文本“名字”的背景图像并将其应用于文本框。也可以在框中添加一些填充。

请注意，出于可访问性原因，您还应该使用常规标签标记，但您可以使用CSS隐藏它。