html - フォームは表示されませんが、コンテンツは表示されます

Question

私はこのコードを持っています：

<div>
   <form name='profileForm' id='profileForm' action='' method='get'>
      <input type='submit' name='ProfileBtn' id='ProfileBtn' class='buttonC' value='My Profile' />
   </form>
<br />
   <form name='logoutForm' id='logoutForm' action='' method='get'>
      <input type='submit' name='LogOutBtn' id='LogOutBtn' class='buttonC' value='Logout' />
   </form>
</div>

上記をレンダリングすると、「profileForm」は表示されません（profileBtnは表示されますが）。セコンドフォームには問題はありませんが、どちらも似ているので奇妙です。

簡単な質問かもしれませんが、何が問題なのかわかりません。

Answer 1

どういうわけか、フォームに奇妙な問題があり、ボタンが表示されませんでした。これは、Web サイトを実行したときに、「profileForm」が何らかの形で消えた (コンソールに表示されなかった) ためです。私がしたことは、何とかこれを解決した「profileForm」の前に3番目のフォームを追加することでした。

Answer 2

コード内のこれらの行の前に <form> のような閉じられていない HTML タグがあります。

Find and close that form

また

</form>コードの前に置くだけです。

Answer 3

フォームの上に空のフォームを配置するだけです。次に、すべてのフォームがフォームIDとともに表示されます

<form></form>

<form name='profileForm' id='profileForm' action='' method='get'>
      <input type='submit' name='ProfileBtn' id='ProfileBtn' class='buttonC' value='My Profile' />
</form>

<form name='logoutForm' id='logoutForm' action='' method='get'>
      <input type='submit' name='LogOutBtn' id='LogOutBtn' class='buttonC' value='Logout' />
</form>

Answer 4

次のフォームを開く前に、フォーム要素を閉じていないことを確認してください。

これを行うと、ブラウザは後続のフォーム オープンとフォーム クローズのペアを表示せずにソースを生成します。