使HTML表单元素仅在单击时可见

我有一个html表单和一个元素，如下所示

是否可以使无序列表仅在有人单击文本字段时可见。本质上，ul类“输入要求”必须隐藏，除非有人单击文本字段

如果用户移动到一个单独的元素时，无序列表将再次隐藏，这将是理想的选择

这在html、css中可能吗

用户名

您必须至少有3个字符
你只能有字母和数字

是。使用CSS选择器在输入级别捕获：focus伪状态，并前进到下一个元素（邻居选择器）

.input要求{显示：无}-首先隐藏列表

#用户名：focus+。输入要求{display:block}-聚焦输入时显示列表

建议：-学习高级css选择器）

。输入要求{
显示：无；
}
#用户名：focus+。输入要求{
显示：块；
}

用户名

您必须至少有3个字符
你只能有字母和数字

不客气；）