猿问
下载APP

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

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

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

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



一只甜甜圈
浏览 50回答 3
3回答

MMMHUHU

强制性*使第一个值为空-要求对空值进行工作。先决条件正确的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元素的占位符标签选项。

慕姐4208626

这个<select>元素支持required属性,如规范所示:http:/dev.w3.org/html 5/spec-Author-view/the-select-mem.html#the-select-Element哪个浏览器不支持这一点?(当然,您必须在服务器上进行验证,因为您不能保证用户将启用JavaScript。)

胡说叔叔

您可以使用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>
打开App,查看更多内容
随时随地看视频慕课网APP
我要回答