2016-04-24 16 views
0

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> 
+0

'id'要素、したがって' for'属性は空白を含むことができず、あなたは '