两个子标签顶部的标签

时间:2017-10-04 21:24:24

标签: html html5

如何在两个子标签的顶部放置顶部标签,其中顶部标签实际上不是标签(使用经过验证的HTML)?

所以基本上我需要在FIRST_NAME和LAST_NAME顶部标注NAME。

我必须使用其他需要它的代码。



<div id="name">
		<div>
		<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>
		<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>
		</div>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:2)

为此使用字段集和图例。它是您正在尝试完成的正确有效标记。

&#13;
&#13;
<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>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

&#13;
&#13;
<div id="name">
<label for="first-name">NAME</label>
		<div>
		<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>
		<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>
		</div>
&#13;
&#13;
&#13;