HTMLテキストフィールドのスペルチェックを無効にする

HTMLテキストフィールドのスペルチェックをどうにかして無効にできますか（Safariなどで表示されます）？

更新：コメント投稿者（iPhoneのテキスト入力でスペルチェッカーを無効にするにはどうすればよいかへの追加のクレジット）で提案されているように、これを使用してすべてのデスクトップおよびモバイルブラウザーを処理します。

<tag autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"/>

元の回答：JavaScriptはユーザー設定を上書きできないため、テキストフィールド以外のメカニズムを使用しない限り、これは不可能です（または可能ではありません）。

はい、HTML5でspellcheck="false"定義されているを使用します。次に例を示します。

<textarea spellcheck="false">
    ...
</textarea>

文法のためにあなたは使うことができます：

<textarea data-gramm="false" />

IFrameは、少なくともChromeでは、テキストフィールドと同じように、スペルチェッカー（content-editableがtrueに設定されている場合）を「トリガー」します。

次のコードスニペットは、すべてのtextareaおよびinput[type=text]要素に対してそれを無効にします。

(function () {
    function disableSpellCheck() {
        let selector = 'input[type=text], textarea';
        let textFields = document.querySelectorAll(selector);

        textFields.forEach(
            function (field, _currentIndex, _listObj) {
                field.spellcheck = false;
            }
        );
    }

    disableSpellCheck();
})();