我能否将所需的属性应用于HTML 5中的<select>字段？

Question

我能否将所需的属性应用于HTML 5中的<select>字段？

如何检查用户是否从<select>HTML 5中的字段？

我明白了<select>不支持新的required属性.。那么，我必须使用JavaScript吗？或者说我遗漏了什么东西？

Answer 1

强制性*使第一个值为空-要求对空值进行工作。先决条件正确的HTML 5 DOCTYPE和一个命名的输入字段<select&nbsp;name="somename"&nbsp;required><option&nbsp;value="">Please&nbsp;select</option><option&nbsp;value="one">One</option></select>按文献(名单和黑体是我的)所需的属性是布尔属性。指定后，将要求用户在提交表单之前选择一个值。如果选择元素具有指定的必需属性，没有指定多个属性，并且显示大小为1(不具有大小=2或更多-如果不需要，则省略它)；如果SELECT元素的选项列表(如果有的话)中的第一个选项元素的值是空字符串(即作为value=""),选项元素的父节点是SELECT元素(而不是optgroup元素)，然后，该选项是SELECT元素的占位符标签选项。

Answer 2

您可以使用selected属性，用于在默认情况下选择选项元素。您可以使用required属性用于SELECT元素，以确保用户选择某些内容。在Javascript中，您可以检查selectedIndex属性获取所选项的索引，也可以检查value属性获取所选项的值。根据HTML 5规范，selectedIndex“返回第一个选定项的索引(如果有的话)，如果没有选定项，则返回−1。value“返回第一个选定项的值(如果有)，如果没有选定项，则返回空字符串。”因此，如果选择Index=-1，那么您就知道他们没有选择任何内容。<button&nbsp;type="button"&nbsp;onclick="displaySelection()">What&nbsp;did&nbsp;I&nbsp;pick?</button><script> &nbsp;&nbsp;&nbsp;&nbsp;function&nbsp;displaySelection() &nbsp;&nbsp;&nbsp;&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;mySelect&nbsp;=&nbsp;document.getElementById("someSelectElement"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;mySelection&nbsp;=&nbsp;mySelect.selectedIndex; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert(mySelection); &nbsp;&nbsp;&nbsp;&nbsp;}</script>