HTMLのテキストのスペルチェッカーを追加するにはどうすればよいですか？

スペルチェッカーを追加するには、スペルチェックを使用します HTMLの属性。この属性は、入力要素、要素、および編集可能な要素のテキストのスペルと文法をチェックします。</P> <p style =""><strong>注</strong> −入力要素に対しては機能しますが、パスワードに対しては機能しません。</P> <h2style="">例</h2> <p style ="">次のコードを実行して、HTMLにスペルチェッカーを追加してみてください-</P> <pre><!DOCTYPE html> <html> <body> Subject: <input type="text" name="sub" spellcheck="true"> <p>Add an incorrect spelling for a word above and see what happens.</p> <p contenteditable="true" spellcheck="true">This is an editable conttent, with a spelling mistake. Click to edit.</p> </body> </html></pre> <br> </div> <div class="ad5"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4480737146802772" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4480737146802772" data-ad-slot="2397329591" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> adsbygoogle = window.adsbygoogle || [].push{}; </script></div> <div id="turn-page" class="f-between"> <div class="page up f-align"> <i class="prev"></i> <a class='LinkPrevArticle' href='https://jp.wsxdn.com/pn014i/ay151t/1001064160.html' >ユーザーがHTMLのページに移動したときにスクリプトを実行しますか？ </a> </div> <div class="page down f-align"> <a class='LinkNextArticle' href='https://jp.wsxdn.com/pn014i/ay151t/1001064162.html' >HTMLでスパンする列の数を設定します </a> <i class="next"></i> </div> </div> <section class="bottom-list"> <ol> <li class="f-between"> <div> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001063741.html" class="t-over" title="HTMLで取り消し線テキストをマークする方法は？ "> <span>HTMLで取り消し線テキストをマークする方法は？ </span> </a> <p class="r-over r-over-3"> HTMLで取り消し線のテキストをマークするには、…タグを使用します。取り消し線のテキストをレンダリングします。 HTMLはこのタグを廃止したため、HTML5では使用しないでください。別の方法として、CSStext-decorationプロパティを使用します。 CSSプロパティを使用するには、style属性を使用します。 style属性は、要素のインラインスタイルを指定します。この属性は、HTMLのタグとともに使用できます。 HTML5はタグをサポートしていないため、CSSスタイルを使用する必要があることに注意してください。例次のコードを実行して、HTMLで取り消し線のテキストをマー </p> </div> </li> <li class="f-between"> <div> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001064165.html" class="t-over" title="HTMLの<input>の幅を文字で追加するにはどうすればよいですか？ "> <span>HTMLの<input>の幅を文字で追加するにはどうすればよいですか？ </span> </a> <p class="r-over r-over-3"> 例 <!DOCTYPE html> <html> <body> <form action = ""> Subject: <input type = "text" name="sub" maxlength = "10" size = "10"><br> </p> </div> </li> </ol> </section> </article> <aside class="box1-r box4-r"> <section class="small-nav"> <ul class="f-between"> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/gd144y/' target="_self">Cプログラミング</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/qo145i/' target="_self">C ++</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/jh146b/' target="_self">Redis</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/hf147z/' target="_self">BASHプログラミング</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/mk148e/' target="_self">Python</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/lj149d/' target="_self">Java</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ay150s/' target="_self">データベース</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ay151t/' target="_self">HTML</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/pn152h/' target="_self">Javascript</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/jh153b/' target="_self">プログラミング</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/if154a/' target="_self">CSS</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ig155a/' target="_self">Ruby</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/jg156b/' target="_self">SQL</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ig157b/' target="_self">IOS</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/wu158p/' target="_self">Android</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ge159z/' target="_self">MongoDB</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/jh160b/' target="_self">MySQL</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ec161w/' target="_self">C＃</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/gd165y/' target="_self">PHP</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ig171a/' target="_self">SQL Server</a></li> </ul> </section> <div class="box1-r-list"> <div> <i></i> <span>HTML</span> </div> <ol> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001063914.html" class="r-over r-over-2" title="HTMLでアドレス要素を追加するにはどうすればよいですか？ ">HTMLでアドレス要素を追加するにはどうすればよいですか？ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001063929.html" class="r-over r-over-2" title="HTMLでメニューリストを追加するにはどうすればよいですか？ ">HTMLでメニューリストを追加するにはどうすればよいですか？ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001063933.html" class="r-over r-over-2" title="HTMLでリストアイテムを追加するにはどうすればよいですか？ ">HTMLでリストアイテムを追加するにはどうすればよいですか？ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001063935.html" class="r-over r-over-2" title="HTMLでレイヤーを追加するにはどうすればよいですか？ ">HTMLでレイヤーを追加するにはどうすればよいですか？ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001063937.html" class="r-over r-over-2" title="HTMLでフォーマット済みのテキストを追加するにはどうすればよいですか？ ">HTMLでフォーマット済みのテキストを追加するにはどうすればよいですか？ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001063941.html" class="r-over r-over-2" title="HTMLで段落を追加するにはどうすればよいですか？ ">HTMLで段落を追加するにはどうすればよいですか？ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001063942.html" class="r-over r-over-2" title="HTMLでオブジェクトのパラメータを追加するにはどうすればよいですか？ ">HTMLでオブジェクトのパラメータを追加するにはどうすればよいですか？ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001063968.html" class="r-over r-over-2" title="HTMLで変数を追加する方法は？ ">HTMLで変数を追加する方法は？ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001063970.html" class="r-over r-over-2" title="HTMLでテレタイプテキストを作成するにはどうすればよいですか？ ">HTMLでテレタイプテキストを作成するにはどうすればよいですか？ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001063971.html" class="r-over r-over-2" title="HTMLで下線付きのテキストを作成するにはどうすればよいですか？ ">HTMLで下線付きのテキストを作成するにはどうすればよいですか？ </a> </li> </ol> </div> </aside> </section> <footer> <section> <span class="container f-center"> 著作権 © <a href="https://jp.wsxdn.com">https://jp.wsxdn.com</a> 全著作権所有 </span> </section> </footer> </body> </html>