我正在寻找一个解决方案,我可以在其中输入一个值为的输入框,并且该值无法更改,但是如果用户要在该框中输入信息,他们可以在旁边添加说出他们的名字值,但无法删除该值。
以下是一个例子:
First Name:
如果用户点击该框,则可以输入他们的名字。
First Name: Kate
'First Name'虽然不能删除,但如果可能的话也不能删除。
我认为这是可能的,但我可以想象这是一件非常棘手的事情。我在网站上看过一次,但我不记得在哪里。
答案 0 :(得分:3)
即使有可能,我确定也是如此,你应该不这样做。
每当您操纵一个控件以达到其设计目的之外的目的时,它就成了一个可用性问题。简而言之,您将混淆您的用户。
使用<label>
,或完全重新考虑您的界面设计。
答案 1 :(得分:0)
您可能可以使用蒙版控件或至少相同的原则。这种方法的优点在于它涵盖了您使用文本输入的需求,并且由于控件上的_
可以让用户清楚地了解可以删除哪些内容以及哪些内容不可用,因此不会混淆用户的可用性。 / p>
<强> Online Demo 强>
您的 html
<input id="txt1" type="text" value="" tabindex="1" />
您的脚本
jQuery(function($) {
$('#txt1').mask('Something:a*****');
$('#txt1').val('Something:');
});
免责声明:即使我使用了jQuery Mask插件,我也不是说它将是您的应用程序或唯一选择的正确选择,但我认为它可以指导或提供有关您的问题的想法可以解决。
希望它有所帮助!
答案 2 :(得分:-1)
创建一个包含文本“名字”的背景图像并将其应用于文本框。也可以在框中添加一些填充。
请注意,出于可访问性原因,您还应该使用常规标签标记,但您可以使用CSS隐藏它。