VSCodeでコードを書いており、スペルミスを直し、ブラウザで確認しても反映されない

前提・実現したいこと

チェックボックスの３つともラベルタグの反映させる
ここに質問の内容を詳しく書いてください。
３つ目の<input>タグの一部のスペミスを直しても、ブラウザでは何も変わらないです。

発生している問題・エラーメッセージ

チェックボックスの上2つは、ラベルタグの反映がされているが、３つ目だけ反映されない。
テキストエディタで書いたものがブラウザに反映されない

エラーメッセージ

該当のソースコード

<!doctype html>
<html lang="ja">

<head>
    <meta charset="UTF-8">
    <title>より使いやすいフォームにしよう</title>
    <meta name="description" content="フォームのラベルを作るlabelタグ">
</head>

<body>
    <form action="example.php" method="post" name="contact-form">
        <input type="checkbox" name="travel" value="日本国内" id="japan"><label for="japan">日本国内</label>
        <input type="checkbox" name="travel" value="ヨーロッパ" id="europe"><label for="europe">ヨーロッパ</label>
        <input type="checkbox" name="travel" value="東南アジア" id="asia"><label for="asia">東南アジア</label>
    </form>
</body>

</html>

試したこと

ここに問題に対して試したことを記載してください。
ブラウザのキャッシュ削除
PCの再起動
別ファイルで保存　もちろん拡張子は.htmlです。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

coco_bauer

2021/09/24 04:04

「反映されない」という動作は、"example.php"に書かれているプログラムで実現されるものと思われますが、"example.php"に何が書かれているか判らないので誰も回答できない質問になっています。必要なプログラムを質問に追加して下さい。

maisumakun

2021/09/24 04:04

再現しません（問題なく動作しています）。 https://jsfiddle.net/eo9zrt3b/

行動規範の内容に同意します

回答2件

ベストアンサー

テキストエディタで書いたものがブラウザに反映されない

もしかして、「テキストエディター(VSCode)で書いているHTMLファイル」と、「ブラウザーで表示しているHTMLファイル」が別のものなのでは。名前が少しだけ違っていたり、たとえ同名のファイルでも別のフォルダーにあれば、それらは別のファイルです。

ブラウザーで「ソースを表示」して内容を確認する。テキストエディター(VSCode)で書いている内容と食い違いがあれば、別ファイルを表示している可能性が高い。
テキストエディター(VSCode)で編集しているファイルの保存フォルダーを確認する。たとえば、「名前を付けて保存」でダイアログを出せば、現在の保存フォルダーがわかります。
確認したフォルダーに存在するHTMLファイルを、エクスプローラーなどから直接ダブルクリックして、ブラウザーで表示を確認する。(私や他の回答者も確認済みですが)テキストエディター(VSCode)で書いた通りに表示されます。
今までブラウザーで表示していたHTMLファイルがどこにあるか調べる。

もう一つの可能性は、「書き替えた後、保存していない」というものですが、さすがにこれはないか……。

投稿2021/09/24 04:18

編集2021/09/24 04:49