Html 仅CSS自动建议？

我正在试图找出如何使CSS只自动建议，我需要帮助，请。我想自动显示/隐藏建议，以防它们与文本输入值（或类似值）匹配/不匹配。 我发现这个JSFIDLE就是一个很好的例子：

暗示
不在这里

默认情况下，第一个建议将隐藏，并在键入“S”时可见，例如

请注意我知道如何使用JavaScript和HTML autocomplete=“on”进行自动建议。我的问题是，如果有任何方法可以只使用CSS，即使是非常棘手的方式

---

期待您的回答，并向您表示衷心的感谢。

您需要使用某种jquery，这里有一个显示/隐藏建议的函数：

function mus_pl_filter(element) {
var value = $(element).val();
$(".result > li").each(function() {
    if ($(this).text().search(value) > -1) {
        $(this).show();
    }
    else {
        $(this).hide();
    }
});

}

在按键时触发此功能：

<input type="text" class="autosuggest" onkeyup="mus_pl_filter(this)">

无法使用CSS获取输入值，因此无法执行此操作。为什么不使用JavaScript？这正是它设计的任务类型。Hi@Turnip，我可能会提供一个很多人禁用JavaScript的网站。如果可能的话，我更喜欢JS而不是CSS。当我看到CSS键盘记录程序存在时，我被CSS自动建议的想法折衷了：（安全链接）我不认为这个例子在做你认为它是什么。这些类型的键盘记录器攻击（类似于此：）使向远程资源发送数据成为可能。我想不出有什么办法可以帮到你。我不是说CSS键盘记录技巧可以作为CSS自动建议的解决方案。但我肯定不知道CSS的每一个技巧（比如CSS键盘记录器），我想请更高级的程序员帮助。简短的回答，这是不可能的。很抱歉输入了它的错误用法：是的，我知道，但我想到了这个解决方案，所以我与您分享。我认为仅使用css是不可能的。最佳做法是创建一个可实例化的autosuggest对象，并将实例的触发器方法分配给类为“autosuggest”的每个元素的“input”事件。

<input type="text" class="autosuggest" onkeyup="mus_pl_filter(this)">