<!DOCTYPE HTML> <html> <head> <link href="https://www.jb51.net/stylesheets/bootstrap.min.css" > </head> <body> <div> <div> <input type="text" placeholder=".col-xs-2"> </div> <div> <input type="text" placeholder=".col-xs-3"> </div> <div> <input type="text" placeholder=".col-xs-4"> </div> </div> </body> </html>
13.辅助文本
针对表单控件的“块（block）”级辅助文本。
与表单控件相关联的帮助文本
与表单控件相关联的帮助文本 aria-describedby 属性的表单控件关联，这将确保使用辅助技术- 如屏幕阅读器 - 的用户获取控件焦点或进入控制时显示这个帮助文本。
<!DOCTYPE HTML> <html> <head> <link href="https://www.jb51.net/stylesheets/bootstrap.min.css" > </head> <body> <form role="form"><span>帮助文本实例</span> <input type="text" placeholder=""> <span>一个较长的帮助文本块，超过一行，需要扩展到下一行。本实例中的帮助文本总共有两行。</span> </form> <label for="inputHelpBlock">Input with help text</label> <input type="text" aria-describedby="helpBlock"> ... <span>一块帮助文本，突破到一个新的线，可以超越一行。</span> </body> </html>
以上所述是小编给大家介绍的BootStrap注意事项小结（五）表单，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章: