当前位置: 首页 > 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,并添加了一些上边距,以便与上面的输入间隔开。

http://www.dtcms.com/a/181840.html

相关文章:

  • 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
  • 基础语法(二)
  • 视觉-语言基础模型作为高效的机器人模仿学习范式
  • Ubuntu 22.04(WSL2)使用 Docker 安装 Zipkin 和 Skywalking
  • 2025年“深圳杯”数学建模挑战赛C题国奖大佬万字思路助攻
  • Windows CMD通过adb检查触摸屏Linux驱动是否被编译
  • 【BYD_DM-i技术解析】
  • 浅谈装饰模式
  • 2025年全新 GPT 4.5 AI 大模型 国内免费调用
  • 阿里云CDN的源站配置:权重的详解
  • 坐席业绩可视化分析工具
  • ChatTempMail - AI驱动的免费临时邮箱服务
  • java-----------------多态