是否可以在HTML5表单中为多个选择元素使用一个标签元素?

时间:2017-12-23 20:20:55

标签: html5 forms labels

我正在为我正在进行的在线网络开发课程做作业。分配是创建HTML表单。

其中一个要求是有3个下拉菜单 - 一个用于月,日和年。生日的标签:"生日:"是在这三个菜单之前。

课程的分配解决方案显示了嵌套在一个标签元素内的三个选择元素。我尝试了这个,虽然它在浏览器中看起来很正常,但当我将文件上传到W3C时,我收到了以下错误:

"错误:标签元素最多可包含一个按钮,输入,计量,输出,进度,选择或textarea后代。"

是否有正确的方法可以将一个标签元素应用于多个选择元素?或者这是一种糟糕的做法,而是每个月,每月和每年都应该有自己的标签?

这是我的代码:



<div>
		<label>Birthday:
			<select name="month" required>
				<option value="">Month</option>
				<option value="Jan">Jan</option>
				<option value="Feb">Feb</option>
				<option value="Mar">Mar</option>
				<option value="Apr">Apr</option>
			</select>

			<select name="day" required>
				<option value="">Day</option>
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
			</select>

			<select name="year" required>
				<option value="">Year</option>
				<option value="1918">1918</option>
				<option value="1988">1988</option>
				<option value="1998">1998</option>
				<option value="2008">2008</option>
			</select>
		</label>
	</div>
&#13;
&#13;
&#13;

      -

1 个答案:

答案 0 :(得分:0)

在HTML中,extern template class std::vector<uint8_t>; extern template class std::vector<uint16_t>; extern template class std::vector<uint32_t>; extern template class std::vector<uint64_t>; 字段是“原始”,这意味着,每个字段都表示单个值原始值,如数字,字符串,布尔值等。出生日期,由三个值组成,一个用于年,月和日在这种情况下是“复杂的”。因此,您无法使HTML“理解”您正试图以这种方式创建“复杂”字段。

这就是为什么(imho)你不应该将标签(复杂)附加到任何字段(原始)并使用标签作为»decoration«而不与任何字段连接,而不是你不会得到任何验证错误。

<input />的包装元素可以帮助(特别是对于单选按钮)扩展»点击区域/命中框«并应用一些css,具体取决于字段值,没有任何javascript。否则,将标签链接到字段对于搜索引擎和其他东西来说很酷,但由于HTML没有关于以下内容的标准化定义:»如何标记复杂输入«,很难说拟议的方法是否有用,或将来是否有用(afik)。

所以在你的情况下,我只会:

<label>