Javascript 如何在HTML表单中聚焦当前选择？

我有一个html表单，其中有多个用户需要回答的问题，我想添加一些样式：当用户单击一个问题时，我想让它成为焦点并模糊其他问题，我应该如何处理这个问题

这是我制作的表单，但我想在单击输入字段时更改div的不透明度。请建议如何处理此问题

$document.on'focus active'，input，textarea'，函数{ $'label[for='+$this.attr'id'+']'.addClass'active'； }; $document.on'blur'，input，textarea'，函数{ $'label[for='+$this.attr'id'+']'.removeClass'active'； }; 输入[type=text]，输入[type=email]，输入[type=number]{ 宽度：50%； 显示：块； 填充物：5px 5px； 利润率：8px0； 框大小：边框框； 边界：无； 边框底部：2个实心ccc； } 输入：焦点{ 大纲：无； } div{ 不透明度：0.5； } .主动{ 字体大小：50px； 颜色：暗灰色； 不透明度：1像素！重要； } 1.你叫什么名字* 2.你的联系电话是多少* 3.你的电子邮件地址是什么** 4.你住在哪个城市*

---

你应该为每个分区指定一个Id，我想每个问题都会在一个分区内。稍后根据id使用javascript的焦点和模糊事件

document.getElementById("your_id").blur();
document.getElementById("your_id").focus();

---

您还可以填充一个包含这些问题id的数组，并迭代一个循环以聚焦和模糊

嗨，我将使用JQuery向用户所关注的问题添加一个类，例如聚焦，并向所有其他问题添加另一个类，例如非聚焦

JQuery将类添加到所选div

$(this).addClass('focused');

现在在中，然后添加您添加的所有其他div类非焦点

$('class_name_of_all_div').addClass('focused');

因此，您将拥有与此类似的html和html布局

<div class="question">
    <input type="text" name="name" >Name</input>
</div>
<div class="question">
    <input type="text" name="name" >Name</input>
</div
<div class="question">
    <input type="text" name="name" >Name</input>
</div

现在您可以为它添加样式

.non-focused {
     filter: blur(2px);
}

和专注

.non-focused {
     filter: blur(0px) !important;
}

你应该被安排好

---

如果您有任何问题，请告诉我。

哇，您想让我们编写整个应用程序吗？只允许使用纯javascript或jquery/prototypejs/mootools？您想要实现什么，就像其他OverlyTank一样？我会尝试一下，并让您知道。

.non-focused {
     filter: blur(0px) !important;
}