How to disable spell check from input box and text area in HTML forms?


The term spell check is used to check the spelling of a word. The input box is defined by an input element in HTML that allows the user to text something on it. The textarea is termed by feedback or comment box that allows the user to write more lines of text. When we enter grammatically incorrect words into input or textarea fields in HTML forms, the idea of the spell check feature is essentially used. The incorrect words will have by default red underline. It is used to find spelling or grammar errors in text areas or input boxes. If the value false is set to spellcheck then the written input in the textarea and input box are disabled in nature.

Syntax

<input type="text">

The input field defines the field of the input box where the user can enter the data.

<textarea></textarea>

This tag is used for the creation of a comment or feedback box.

Properties Used

spellcheck="true/false": If the spellcheck is true then it performs the process of enabling and if it is set to false then it performs the process of disabling.

Visual Representation

Example

In this example, we are creating the form and taking two boxes- input box and textarea to understand the difference between enable and disable in spell check.

<!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>

Conclusion

In this article, we understood the process of the difference between enabling and disabling of spell check in HTML form. The following above output shows the error by giving a red dotted line while enabling the spell check and when we disable the spell check the error found is not happening.

Updated on: 15-May-2023

508 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements