HTMLフォームで2つ以上のフィールドセットを作成することはできません。コードは正しいようです。最初のものと2番目のものは動作しますが、3番目の<fieldset>
は表示されません。それはフォームに3番目のフィールドセットを作成できません
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body><h1>Please Enter Your Details</h1>
<form method="post" action="destination">
<fieldset>
<legend>Your face</legend>
<label for="Your Image">Your Image</label>
<input type="File" id="Your Image">
<img src="" id="preview" alt="" />
</fieldset>
<fieldset>
<legend>Your General Details</legend>
<label for="name">Name:</label>
<input type="text" id="name" placeholder="Your Full Name">
<br>
Gender:
<input type="radio" name="gender" value="Male">Male
<input type="radio" name="gender" value="Female">Female<br>
<label for="age">Age:</label>
<input type="number" id="age" placeholder="18">
<br>
Date of Birth:
<input type="date" name="birthdate"><br>
Favorite color:
<input type="color" name="color"><br>
Which Country:
<select name="country">
<option value=""></option>
<option value="USA">USA</option>
<option value="UK">United Kingdom</option>
<option value="France">France</option>
<option value="Canada">Canada</option>
<option value="Japan">Japan</option>
<option value="Germany">Germany</option>
</select>
</fieldset>
<fieldset>
<legend>Your Indications</legend>
</fieldset>
</form>
</body>
</html>
'id'要素、したがって' for'属性は空白を含むことができず、あなたは '
いくつか注目すべき例外を除いて、常に「開いているものを閉じる」必要があります。閉じられる必要のあるものを視覚化するための非常に一般的な方法の1つは、インデントを使用すること、怠惰ではない、今日インデントします。 –
問題のユーザーを解決できましたか? –