两个子标签顶部的标签

Question

如何在顶部标签不是真正的标签（带验证的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>