如何在 HTML 中指定元素是否进行拼写和语法检查?

htmlweb developmentfront end technology更新于 2025/4/9 21:32:17

可以使用 HTML 拼写检查工具查找文本字段中的语法和拼写错误。

使用 spellcheck 属性，可以为 HTML 表单添加拼写检查功能。spellcheck 属性是一个枚举属性，用于指定是否检查 HTML 元素中的错误。它与 HTML 的"input"和"textarea"字段兼容。

语法

以下是在 HTML 中添加拼写检查的语法 -

<! -- For input field -->.
<input type="text" spellcheck="value">
<! -- For input text area -->.
<textarea type="text" spellcheck="value"></textarea>

以下是示例…

示例:拼写检查值 ="true"

在以下示例中，我们将拼写检查属性设置为"true"，以在 HTML 中启用拼写检查。


<!DOCTYPE html>
<html>
<body>
   <form>
      <p>Name:<input type="text" spellcheck="true"></p>
      <p>Address:<textarea spellcheck="true"></textarea></p>
      <button type="reset">Reset</button>
   </form>
</body>
</html>

输出

执行脚本时，会弹出输出窗口，其中包含一个输入区域，用户可以在其中输入详细信息。如果出现任何拼写错误，该区域会显示红线下划线，因为我们设置了 spellcheck="true"。

示例:Spellcheck 值="false"

在以下示例中，我们将 spellcheck 属性设置为"false"，以禁用 HTML 中的拼写检查。


<!DOCTYPE html>
<html>
<body>
   <form>
      <p>Name:<input type="text" spellcheck="false"></p>
      <p>Address:<textarea spellcheck="false"></textarea></p>
      <button type="reset">Reset</button>
   </form>
</body>
</html>