HTML: テキストエリアの赤い波線を消す方法

テキストエリア(textarea要素)に表示される赤い波線を消す方法を説明します。

結論から言うと、赤い波線はスペルチェック機能の結果です。
テキストエリアには英単語のスペルチェックを行う機能があり、 この機能がデフォルトではON(true)になっています。 ですから赤い波線を消したい場合はスペルチェック機能をOFF(false)にしてあげればいいだけです。

textarea要素内に「spellcheck="false"」を入れてください。

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

下のテキストエリアはスペルチェック機能が働いています。 テキストエリア部分をクリックしてフォーカスを当てると赤い波線が表示されます。

HTML
<textarea>hoge.txt</textarea>

下のテキストエリアは「spellcheck="false"」を記述しています。 ですからフォーカスを当てても赤い波線は表示されません。

HTML
<textarea spellcheck="false">hoge.txt</textarea>
HTML・CSS入門