我的基于网络的应用允许用户覆盖某些文本框中的值。如果它们不覆盖该值,系统将显示(并使用)默认值。
我想支持用户覆盖该值的方案,但现在想要恢复到系统默认值,但不知道输入什么值。我想提供一个直观的UI,使系统将字段的值恢复为默认值。有没有人有任何建议?
字段出现在编辑表单(空间充足)和编辑网格(空间稀缺)上。
要求用户清除该字段不是一个选项,因为有时用户的覆盖是空值。宁愿不使用按键,如Ctrl-Z或ESC。
我能想到的最好的事情是用户将鼠标悬停在该字段上,并显示一个弹出窗口,让用户可以选择使用系统默认值。我可以使用相同的弹出窗口来捕获/显示与覆盖相关的注释。
答案 0 :(得分:0)
我在文本框后面使用了“倒带”类型图标(如指向后方的圆圈中的箭头),其中有足够的空间允许用户恢复默认版本或原始版本。
还使用灰色文本显示默认值 - 在用户覆盖时消失(使用键盘事件)。
如果空间很短,你的弹出窗口听起来不错。
答案 1 :(得分:0)
怎么样
<input type="text" value="Enter text here, a space will clear it"
onfocus="this.title='Clear field to revert to '+this.defaultValue"
onblur="if (this.value=='') this.value=this.defaultValue;
else this.defaultValue=this.value" />
答案 2 :(得分:0)
我总是建议在决定答案之前先看看其他人如何解决用户体验问题。问问自己哪些应用程序(网络或其他)提供了默认值,并允许您恢复它们。
我认为您可能尝试解决的问题不是恢复默认值的交互,而是通知用户默认值是什么。如果是这种情况,我会偏离按钮并向内联帮助。
希望这有帮助。
- Nik.ca