フォームの作り方を学んでいて、練習用に作りました。ラベルを作成してフォーム要素のいずれかをクリックしようとすると、前の要素が選択されます。たとえば、パスワード入力ボックスをクリックすると、ユーザー名入力ボックスに移動します。ラベルを削除すると、バグはなくなります。ラベルがこれを行うべきではないと確信しています。コンソールにはエラーが表示されていないので、なぜこれが機能しているのか混乱しています。
これが私のコードです:
<form action="">
<fieldset>
<label>username<label>
<input type="text" id="userInput"/>
<label>password<label>
<input type="password" id="passwordInput"/>
<label>Hidden<label>
<input type="hidden" id="hiddenInput" value="I can't tell you"/>
<label>Text Area<label>
<textArea id="areaInput" rows="10" cols="40">
This is a big area with lots of text.
</textArea>
<input type="button" onClick="" value="submit"/>
<fieldset>
<form>