Open In App

How to disable spell checking from Input Box and Textarea in HTML forms?

Last Updated : 06 Sep, 2021
Improve
Improve
Like Article
Like
Save
Share
Report

Basically the concept of spell check feature is used when we enter the grammatically incorrect words inside <input> or <textarea> fields in HTML form you will see the red underline below the incorrect words. It is used to detect grammatical or spelling mistakes in the text fields.

To disable spellcheck in an HTML form the spellcheck attribute is set to “false”. Below is the sample HTML program with disabled spellcheck.

Example:  

html




<!DOCTYPE html>
<html>
<body>
<h2>a
    GeeksForGeeks
</h2>
  <h2>
      How to disable spell checking
from Input Box and Textarea in HTML forms
 
  </h2>
    <form>
    <h4>Enabling the spell check Property</h4>
      <input type="text" spellcheck="true">
         
<h4> Disabling the spell check Property</h4>
            <input type="text" spellcheck="false">
        </p>
 
 
         
 
<p>
            <textarea spellcheck="false"></textarea>
        </p>
 
 
        <button type="reset">Reset</button>
    </form>
</body>
</html>


Output:

Supported Browsers are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

Similar Reads

How to turn off spell checking for HTML form elements ?
You may have noticed often that while filling a form in any website if we made any spelling or grammatical mistake it would get underlined by a red wavy line. It is sometimes annoying for the user as he/she may get distracted by it. So, many websites turn off the Spell Check Feature for their users. The Spell Check feature in HTML is used to identi
2 min read
How to create a Textarea Input Box using jQuery Mobile ?
jQuery Mobile is a web based technology used to make responsive content that can be accessed on all smartphones, tablets and desktops. In this article, we will be a Textarea Input box using jQuery Mobile. Approach: Add jQuery Mobile scripts needed for your project. &lt;link rel=”stylesheet” href=”http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.
1 min read
How to disable the resize grabber of &lt;textarea&gt; in HTML ?
You can use the resize property to specify whether a text area should be resizable or not. The &lt;textarea&gt; is an HTML tag used to create a multi-line input field. By default, &lt;textarea&gt; includes a resize grabber in the bottom right corner which allows users to resize the input field by dragging the grabber with the mouse. Syntax:textarea
2 min read
How to disable resizable property of textarea using CSS?
This resizable property is used to set the resizable area of elements. It is mostly used with textarea and div elements. To disable resizable property of an element use resize to none. It is the default value. Syntax resize: none;Example: C/C++ Code &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Disable resize property&lt;/title&gt;
1 min read
How to disable arrow key in textarea using JavaScript ?
Given an HTML element containing the &lt;textarea&gt; element and the task is to disable scrolling through arrow keys with the help of JavaScript. Approach 1: Add an event listener onkeydown on the window.If the event happens then check if the keys are arrow or not.If arrow key is pressed then prevent its default behaviour. Example: This example im
3 min read
How to make sure clients have enough words in textarea by using angularjs in order to disable/enable a button?
The Task here is to make sure that the user enters enough words in the Textarea. The button will be enabled or disabled on the basis of the word count entered by the client or user. Here the word limit will be set by admin of the project or Application. If word count lies between the parameter set by Admin then the button will remain enabled. If wo
4 min read
How to Disable Textarea using JavaScript?
This article will show you how to disable the textarea using JavaScript. Disabling a textarea using JavaScript can be done by setting the disabled property of the textarea element to true. This prevents the user from editing the content of the textarea. There are some reasons to use disabled textarea, these are: Disabling a textarea prevents the us
2 min read
React Rebass Forms Textarea Component
React Rebass is a front-end framework that was designed keeping react in mind. In this article, we will know how to use Textarea Component in React Rebass. The Textarea is an important component that is required in each development. So to create a Textarea component, we can import the Rebass Textarea component. Form Textarea component is used to ma
2 min read
HTML Spell Check
The Spell Check feature in HTML is used to detect grammatical or spelling mistakes in the text fields. The Spell Check feature can be applied to HTML forms using the spellcheck attribute. The spellcheck attribute is an enumerated attribute which defines whether the HTML element will be checked for errors or not. It can be used with "input" and "tex
2 min read
How to change Input box borders after filling the box using JavaScript ?
In this article, we will change the input border after filling in the text on the input text field. The onchange event attribute works when the value of the element changes and selects the new value from the list. Approach: Whenever the input value is changed with some value by the user, the onchange event attribute is triggered. After the event is
2 min read