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

Question

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

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

我希望清楚吗？任何帮助将非常感激！

Answer 1

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

如果您定义了处理应该发生的地方，问题就变得易于处理。请注意，如果您检查输入客户端，任何查看源代码的用户都可以看到正确的答案（尽管您可以尝试对其进行混淆）。