具有严格准则的交互式文本区域

Question

我正在尝试构建一个用户必须输入特定文本的交互式文本区域。

例如，我可能会要求用户输入“狗吠吗？”的答案。如果用户输入“是”，则该框将变为绿色，如果他们输入任何其他内容，则该框将变为红色（绿色表示正确，红色表示错误）。

我希望这很清楚吗？任何帮助将不胜感激！

Answer 1

这在HTML中是不可能的。您可以获得的最接近的是使用pattern元素上的input属性，如<input pattern=Yes>中所示。但是，如果支持此属性，则有效与无效输入的处理将由浏览器处理。需要使用CSS和/或JavaScript或服务器端表单处理程序处理有效与无效输入的任何受控样式和/或功能处理。

如果您定义应该进行处理的位置，则问题变得容易处理。请注意，如果您检查输入客户端，则查看源代码的任何用户都可以看到正确的答案（尽管您可以尝试对其进行模糊处理）。