2つのサブラベルの上にラベルが付いています

Question

トップラベルが本当にラベルではない2つのサブラベルの上に（検証されたHTMLで）トップラベルを付ける方法を教えてください。

基本的にFIRST_NAMEとLAST_NAMEの上にNAMEというラベルが必要です。

私はそれを必要とする他のコードに使用する必要があります。このため

<div id="name"> 
 
\t \t <div> 
 
\t \t <div class="input"><label for="first-name">First name</label> 
 
\t \t \t <input autocomplete="on" class='inp_cont' id="first-name" name="first-name" placeholder="Enter your first name" required="" type="text"></div> 
 
\t \t </div> 
 
\t \t <div> 
 
\t \t <div class="input"><label for="last-name">Last name</label> 
 
\t \t \t <input autocomplete="on" class='inp_cont' id="last-name" name="last-name" placeholder="Enter your last name" required="" type="text"></div> 
 
\t \t </div> 
 
\t \t </div>

Answer 1

使用のフィールドセットと伝説。これは、達成しようとしているものに対して正しい正当なマークアップです。

<form> 
 
<fieldset> 
 
<legend>Name</legend> 
 
<div class="input"> 
 
<label for="first-name">First name</label> 
 
<input autocomplete="on" class='inp_cont' id="first-name" name="first-name" 
 
placeholder="Enter your first name" required="" type="text"></div> 
 
</div> 
 
<div class="input"> 
 
<label for="last-name">Last name</label> 
 
<input autocomplete="on" class='inp_cont' id="last-name" name="last-name" placeholder="Enter your last name" required="" type="text"></div> 
 
</div> 
 
</fieldset> 
 
</form>

Answer 2

<div id="name"> 
 
<label for="first-name">NAME</label> 
 
\t \t <div> 
 
\t \t <div class="input"><label for="first-name">First name</label> 
 
\t \t \t <input autocomplete="on" class='inp_cont' id="first-name" name="first-name" placeholder="Enter your first name" required="" type="text"></div> 
 
\t \t </div> 
 
\t \t <div> 
 
\t \t <div class="input"><label for="last-name">Last name</label> 
 
\t \t \t <input autocomplete="on" class='inp_cont' id="last-name" name="last-name" placeholder="Enter your last name" required="" type="text"></div> 
 
\t \t </div> 
 
\t \t </div>