内联表单是想将表单控件在一行显示,简单点说就是类似水平导航;sr-only是隐藏lable的内容的,直接上图好了有sr-only无sr-only这个就是有无sr-only的区别,也许你会问:为什么还需要这么一个隐藏了的内容呢,直接不打“邮箱”和“密码”不就好了?这是因为如果没有“邮箱”和“密码”四个字,屏幕阅读器将无法正确识别,对残障人士不友好,比如盲人是靠听的,如果不读出“邮箱”和“密码”,那么...
for="exampleInputEmail2"表示的是啥意思
共2个回答定义和用法for 属性规定 label 与哪个表单元素绑定。隐式和显式的联系标记通常以下面两种方式中的一种来和表单控件相联系:将表单控件作为标记标签的内容,这样的就是隐式形式,或者为 <label> 标签下的 for 属性命名一个目标表单 id,这样就是显式形式
.sr-only类,span里的内容是隐藏的,这里应该是用来解释之前的<span aria-hidden="true">×</span>的,相当于是X效果的一个说明
这个是隐藏的,sr-only是screen reader only的意思,盲人看的时候会把Toggle Navigation读出来。这个时候盲人就知道他在看的地方时一个响应式导航
<span class="sr-only">Close</span>这是专门为残障人士浏览网页设计的。在前端开发中,有些时候设计图上面会出现仅供正常视觉用户看的元素。比如:导航栏菜单当前页面选中高亮状态,这些状态只有视力正常的人才能正常使用。而残障人士,弱势或盲人是很难或者根本看不出导航菜单高亮的。他们上网可能借助的是屏幕阅读器,也就是 screen reader(sr),...