小编flo*_*oor的帖子

Web 可访问性:输入周围的表单标签是否需要语义/可访问?

嘿一个有点奇怪的问题..

我正在构建一个网络应用程序,我想使用表单输入,但在某些情况下,我觉得表单标签会使 html 膨胀。我知道验证或网站工作不需要表单标签。但是关于可访问性,表单标签是否为这些用户提供任何语义支持?

我有一个按钮,它将使用输入字段中的数据,因此提交表单没有用。

如果只有一个输入后跟一个按钮,则选项卡索引也无关紧要。

<label>
     Some Label: <input type="text" id="input">
</label>
Run Code Online (Sandbox Code Playgroud)

VS

<form>
      <label>
           Some Label: <input type="text" id="input">
      </label>
</form>
Run Code Online (Sandbox Code Playgroud)

html forms accessibility

8
推荐指数
1
解决办法
1304
查看次数

CSS Calc返回0,但在我的小提琴中工作

我试图使用css3 calc,但它返回0%.

width: calc(100% - 100px);
Run Code Online (Sandbox Code Playgroud)

在我的本地机器上使用它,然后检查它显示的元素:

width: calc(0%);
Run Code Online (Sandbox Code Playgroud)

当我把它放在一个小提琴中时,它似乎正在起作用.

正在工作的部分是蓝色内容div是侧边栏旁边的正确宽度,而在我的本地,内容div的宽度为0%.它显示div中的内容,但不显示蓝色的背景颜色.

小提琴

有什么理由计算会返回0吗?我使用的是最新版本的firefox.

我已经查找了calc的替代方案,除了javascript之外,没有其他方法适合我的需求.但我想避免这种方法.任何帮助是极大的赞赏.

值得注意的是我使用的是Less

html css css3 less

3
推荐指数
1
解决办法
361
查看次数

标签 统计

html ×2

accessibility ×1

css ×1

css3 ×1

forms ×1

less ×1