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

Question

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

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

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

Answer 1

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

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