如何在 HTML 表单中禁用输入框和文本区域的拼写检查?

htmlweb developmentfront end technology更新于 2024/7/3 3:56:17

"拼写检查"用于检查单词的拼写。输入框由 HTML 中的 input 元素定义，允许用户在其上输入文本。文本区域是指反馈或评论框，允许用户输入更多行文本。当我们在 HTML 表单的输入框或文本区域字段中输入语法错误的单词时，拼写检查功能就会派上用场。默认情况下，错误的单词会带有红色下划线。拼写检查功能用于查找文本区域或输入框中的拼写或语法错误。如果将"拼写检查"设置为 false，则文本区域和输入框中的书面输入将被禁用。

语法

<input type="text">

输入字段定义用户可以输入数据的输入框字段。

<textarea></textarea>

此标签用于创建评论或反馈框。

使用的属性

spellcheck="true/false": 如果拼写检查为 true，则执行启用过程;如果设置为 false，则执行禁用过程。

可视化表示

示例

在此示例中，我们创建表单并使用两个框——输入框和文本区域——来理解拼写检查中启用和禁用的区别。

<!DOCTYPE html>
<html>
<title>Enabling and Disabling of Spellcheck</title>
<head>
</head>
<body>
   <h1>Tutorialspoint</h1>
   <form>
      <h2>Please text something to the given box</h2>
      <p><b>The spell check is enable.</b></p>
      <p>Input Box:</p>
      <input type="text" spellcheck="true">
      <br><br>
      <p>Textbox:</p>
      <textarea spellcheck="true"></textarea>
      <h2></h2>
      <button type="reset">Reset</button>
      <p><b>The spell check is disable.</b></p>
      <p>Input Box:</p>
      <input type="text" spellcheck="false">
      <br><br>
      <p>Textbox:</p>
      <textarea spellcheck="false"></textarea>
      <h2></h2>
      <button type="reset">Reset</button>
   </form>
</body>
</html>