Question

我有一个包含多行类似数据的表单。为了改善用户体验，我想自动填写表单，例如，使用在第一行中输入的值填充一列是有意义的。但我还想想象自动填充数据。

我计划在此表单上使用jQuery UI。

问题是您建议将自动填充的可视化方式？您在项目中遇到类似情况的用途是什么？也许你可以从jQuery-UI提出其他UI库？

Answer 1

我不知道您是否要保持自动更改的输入突出显示，或者只是想在相应的输入更改时突出显示几秒钟，但是作为示例使用jQuery UI - 首先设置相应的背景颜色输入然后渐渐变回白色：

<input type="text" id="one-1" class="one" />
<input type="text" id="two-1" class="two" />
<input type="text" id="one-2" class="one" />
<input type="text" id="two-2" class="two" />

$("input").change(function () {
  $("input." + $(this).attr("class")).val($(this).val());
  $("input." + $(this).attr("class")).not(this)
   .css("background-color", "lime")
   .animate({
    backgroundColor: 'white'
  }, 'slow');
});

Fiddle（我曾尝试添加为堆栈代码，但它无法使用外部jQuery UI。）

如何可视化自动输入字段值的变化

1 个答案: