当前位置: 首页 > news >正文

【Bootstrap V4系列】学习入门教程之 组件-表单(Forms)高级用法(二)

Bootstrap V4系列 学习入门教程之 组件-表单(Forms)高级用法(二)

  • 表单(Forms)高级用法(二)
    • 一、Help text 帮助文本
    • 二、Disabled forms 禁用表单
    • 三、Validation 验证
      • 3.1 How it works
      • 3.2 Custom styles 自定义样式
      • 3.3 Browser defaults 浏览器默认值
      • 3.4 Tooltips 工具提示
    • 四、Custom forms 自定义表单
      • 4.1 Checkboxes and radios 复选框和单选
        • Checkboxes 复选框
        • Radios 单选
        • Inline 内联
      • 4.2 Switches 开关
      • 4.3 Select menu 选择菜单

表单(Forms)高级用法(二)

一、Help text 帮助文本

表单中的块级帮助文本可以使用.form-text 文本(以前在v3中称为.help-block块)创建。内联帮助文本可以使用任何内联HTML元素和实用程序类(如.text-muted)灵活实现。

将帮助文本与表单控件相关联

帮助文本应与使用aria-descripted属性相关的表单控件显式关联。这将确保辅助技术(如屏幕阅读器)在用户聚焦或进入控件时宣布此帮助文本。

输入下方的帮助文本可以使用.form-text 文本设置样式。这个类包括display:block,并添加了一些上边距,以便与上面的输入间隔开。

这里是引用输入下方的帮助文本可以使用.form-text 文本设置样式。这个类包括display:block,并添加了一些上边距,以便与上面的输入间隔开。

相关文章:

  • Java数据结构——二叉树
  • 封装 RabbitMQ 消息代理交互的功能
  • 【C++ Qt】容器类(GroupBox、TabWidget)内附思维导图 通俗易懂
  • 【算法-哈希表】常见算法题的哈希表套路拆解
  • 【Linux系列】跨平台安装与配置 Vim 文本编辑器
  • SierraNet协议分析使用指导[RDMA]| 如何设置 NVMe QP 端口以进行正确解码
  • Eclipse 插件开发 6 右键菜单
  • Web自动化测试入门详解
  • 街景主观感知全流程(自建数据集+两两对比程序+Trueskill计算评分代码+训练模型+大规模预测)27
  • 使用谱聚类将相似度矩阵分为2类
  • OpenAI的商业化之路:从非营利到盈利的转型
  • 【金仓数据库征文】金仓数据库KingbaseES: 技术优势与实践指南(包含安装)
  • 蓝牙SDP协议概述
  • 5.8线性动态规划2
  • gitkraken 使用教程
  • JS逆向-7881游戏平台Lb-Sign参数和Lb-Timestamp参数
  • 【SpringBoot】从环境准备到创建SpringBoot项目的全面解析.
  • 数据集-目标检测系列- 烟雾 检测数据集 smoke >> DataBall
  • 基础语法(二)
  • 视觉-语言基础模型作为高效的机器人模仿学习范式
  • 佩斯科夫:俄会考虑30天停火提议,但试图对俄施压无用
  • 让“五颜六色”面孔讲述上海故事,2025年上海城市推荐官开启选拔
  • 巴总理召开国家指挥当局紧急会议
  • 中俄就应对美加征所谓“对等关税”等问题进行深入交流
  • 中国一重集团有限公司副总经理陆文俊被查
  • 习近平同俄罗斯总统普京茶叙