为了账号安全,请及时绑定邮箱和手机立即绑定

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

/ 猿问

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

一只甜甜圈 2019-08-03 07:03:02

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

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

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



查看完整描述

3 回答

?
MMMHUHU

强制性*使第一个值为空-要求对空值进行工作。

先决条件正确的HTML 5 DOCTYPE和一个命名的输入字段

<select name="somename" required><option value="">Please select</option><option value="one">One</option></select>

文献(名单和黑体是我的)

所需的属性是布尔属性。
指定后,将要求用户在提交表单之前选择一个值。

如果选择元素

  • 具有指定的必需属性,
  • 没有指定多个属性,
  • 并且显示大小为1(不具有大小=2或更多-如果不需要,则省略它);
  • 如果SELECT元素的选项列表(如果有的话)中的第一个选项元素的值是空字符串

    (即作为

    value=""),

  • 选项元素的父节点是SELECT元素(而不是optgroup元素),

然后,该选项是SELECT元素的占位符标签选项。


查看完整回答
反对 回复 2019-08-05
?
慕姐4208626

这个<select>元素支持required属性,如规范所示:

哪个浏览器不支持这一点?

(当然,您必须在服务器上进行验证,因为您不能保证用户将启用JavaScript。)




查看完整回答
反对 回复 2019-08-05
?
胡说叔叔

您可以使用selected属性,用于在默认情况下选择选项元素。您可以使用required属性用于SELECT元素,以确保用户选择某些内容。

在Javascript中,您可以检查selectedIndex属性获取所选项的索引,也可以检查value属性获取所选项的值。

根据HTML 5规范,selectedIndex“返回第一个选定项的索引(如果有的话),如果没有选定项,则返回−1。value“返回第一个选定项的值(如果有),如果没有选定项,则返回空字符串。”因此,如果选择Index=-1,那么您就知道他们没有选择任何内容。

<button type="button" onclick="displaySelection()">What did I pick?</button><script>
    function displaySelection()
    {
        var mySelect = document.getElementById("someSelectElement");
        var mySelection = mySelect.selectedIndex;
        alert(mySelection);
    }</script>




查看完整回答
反对 回复 2019-08-05

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信