spellcheck html

Hello! We are not all sinless when it comes to spelling. The reasons for this may be illiteracy or simple inattention. To help the grief of the writers, a spell check mode for the input text was introduced. Using the spellcheck attribute, we can turn this mode on and off. So let’s go!

First, let’s create a regular text field.

<textarea></p> <p>And now a word with a spelling error is intentionally introduced there. Let’s say the word ‘blue’. In order to highlight the error, it is enough to highlight the entered word.</p> <p>As a result, our highlighted word ‘blue’ will be underlined with a red wavy line. Congratulations, you have witnessed the spell check mode in action. Note that we didn’t have to use the spellcheck attribute for this, because this mode was initially enabled by default. By correcting the spelling mistake in the word ‘blue’, the red wavy line will disappear.</p> <p>Now I will show you how to disable this mode. To do this, we use the spellcheck attribute.</p> <p><textarea placeholder="Enter something" required spellcheck="false"><textarea></p> <p>Specify false as the attribute value. As a result, no matter what we type in this text area, spelling errors will not be highlighted. To be honest, I don’t even know what this is for, well, unless you use your own spell checkers or you don’t need them at all. Draw your own conclusions!</p> <p>My job is to show you that this possibility exists.</p> <p>In order to activate the spell check mode, you need to set the spellcheck attribute to true, but again, I repeat that this mode is enabled in browsers by default.</p> <p>In addition to form text fields, this attribute can be applied to elements containing the contenteditable=»true» attribute. That is, the elements of the text content of which we can edit.</p> </div> </div> <div id="comments" class="comments-area"> <div id="respond" class="comment-respond"> <h2 id="reply-title" class="comment-reply-title">Добавить комментарий <small><a rel="nofollow" id="cancel-comment-reply-link" href="/spellcheck-html/#respond" style="display:none;">Отменить ответ</a></small></h2><form action="http://develope.website/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Ваш адрес email не будет опубликован.</span> <span class="required-field-message">Обязательные поля помечены <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Комментарий <span class="required">*</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required>

Имя *

Email *

Сайт

Сохранить моё имя, email и адрес сайта в этом браузере для последующих моих комментариев.