Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当标签对应的控件隐藏在HTML表单中时,标签在切换时能否获得焦点?_Javascript_Jquery_Html_Accessibility - Fatal编程技术网

Javascript 当标签对应的控件隐藏在HTML表单中时,标签在切换时能否获得焦点?

Javascript 当标签对应的控件隐藏在HTML表单中时,标签在切换时能否获得焦点?,javascript,jquery,html,accessibility,Javascript,Jquery,Html,Accessibility,我面临一个小问题。我有一个表单,为了设计样式,复选框被隐藏了。正在通过其标签访问实际复选框。现在出现的问题是,在复选框的形式中,制表符没有获得焦点。而是将焦点转移到下一个控件。我尝试为Label关联onfocus事件。由于复选框显示是隐藏的,因此与之对应的标签没有聚焦。将HTML属性tabindex设置为不同的数字(例如99),以防止用户聚焦于不可见的元素 来源:那么实际问题是什么?如果复选框被隐藏,您将无法为其提供焦点,也无法对标签进行制表。您可能需要重新考虑表单设计。是否可以共享一些演示问题

我面临一个小问题。我有一个表单,为了设计样式,复选框被隐藏了。正在通过其标签访问实际复选框。现在出现的问题是,在复选框的形式中,制表符没有获得焦点。而是将焦点转移到下一个控件。我尝试为Label关联onfocus事件。由于复选框显示是隐藏的,因此与之对应的标签没有聚焦。

将HTML属性
tabindex
设置为不同的数字(例如99),以防止用户聚焦于不可见的元素


来源:

那么实际问题是什么?如果复选框被隐藏,您将无法为其提供焦点,也无法对标签进行制表。您可能需要重新考虑表单设计。是否可以共享一些演示问题的代码?var settings={'attributeName':someID}var control=$(“”)$(control.attr('id',settings.attributeName);fieldLabel=$(“”).addClass('checkbox-control').attr('for',settings.attributeName);不,这个方案对我不起作用。到目前为止,我尝试的解决方案是上面的代码。我这样做的目的是,复选框的样式有助于我的设计。是否有人可以解决此问题,为复选框指定不同于默认HTML样式的样式
外观:无
。不要忘记供应商前缀。