JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

HTMLのspellcheck属性を使って要素のスペルと文法チェックを指定する方法

要素のテキストに対してスペルや文法のチェックを有効にするかどうかを指定するには、HTMLのspellcheck属性を使用します。この属性は、<input>要素、<textarea>要素、そしてcontenteditable属性によって編集可能にされた要素内のテキストに適用されます。

ポイント： 属性値には「true」（チェックを有効にする）または「false」（無効にする）を指定できます。省略した場合は、ブラウザやシステムの設定に従います。

注意： <input>要素には有効ですが、パスワード入力欄（type="password"）には機能しません。これは、パスワードの内容を保護するためです。

サンプルコード

以下のコードを実行すると、HTMLでスペルチェッカーを追加する動作を確認できます。誤った綴りの単語を入力してみてください。

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

この例では、1つ目のテキスト入力欄と、2つ目の編集可能な段落（意図的に「conttent」という誤字を含んでいます）の両方にspellcheck="true"が設定されています。対応しているブラウザでは、誤った綴りに赤い下線が表示され、ユーザーが修正しやすくなります。

  1. jQueryでチェックボックスのオン・オフ状態を判定する方法

    jQueryでチェックボックスがチェックされているかどうかを確認するには、toggle()メソッドを活用するのが便利です。チェックボックスのクリックイベントと組み合わせることで、チェック状態に応じて要素の表示・非表示を簡単に切り替えられます。以下に、具体的なサンプルコードを示します。サンプルコード<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content=&

  2. Outlookでスペルチェックと文法チェックの設定をカスタマイズする方法

    「スペルと文法チェック」は、文章の誤りを修正するための非常に便利な機能です。Word、Excel、PowerPoint、Publisher、そしてOutlookなど、すべてのMicrosoft Officeアプリケーションで利用でき、文書内のスペルミスや不適切な表現を簡単に修正できます。 エラーが検出されたときに表示される修正候補の種類は、以下のとおりです。 スペルミスがある場合は、赤い波線で表示されます。 文法エラーがある場合は、青い二重下線で表示されます。 表現の改善が必要な場合は、紫の下線で表示されます。 Outlookでスペル・文法チェックの設定をカスタマイズする手順 1. Out