手册

表单

表单选择菜单复选框和单选按钮范围输入组浮动标签表单验证

网格

网格系统堆叠/水平网格 XSmall 网格 Small 网格 Medium 网格 Large 网格 XLarge 网格 XXL 网格实例

首页大前端 Bootstrap Bootstrap 5教程

表单验证

阅读2821

更新时间2025-08-11

浮动标签

表单验证

您可以使用不同的验证类向用户提供有价值的反馈。请将 .was-validated 或 .needs-validation 添加到

元素，具体取决于您是要在提交表单之前还是之后提供验证反馈。输入字段将会有绿色（有效）或红色（无效）边框，以指示表单中缺少的内容。您还可以添加 .valid-feedback 或 .invalid-feedback 消息，以明确告知用户缺失了什么，或者在提交表单之前需要完成什么。

实例

在这个例子中，我们在提交表单之前使用 .was-validated 来指示缺少什么：


  
    用户名：
    
    有效的。
    请填写此字段。
  
  
    密码：
    
    有效的。
    请填写此字段。
  
  
    
    我同意这些条款。
    有效的。
    选中此复选框以继续。

浮动标签

RELATED VIDEOS

科技资讯

精选课程

PHP实战天龙八部之微信支付视频教程

共5课时

17.2万人学习

PHP实战天龙八部之仿爱奇艺电影网站

共49课时

77万人学习

前端入门_HTML5

共29课时

61.7万人学习

CSS视频教程-玉女心经版

共25课时

39.3万人学习

JavaScript极速入门_玉女心经系列

共43课时

70.9万人学习

独孤九贱(1)_HTML5视频教程

共25课时

61.6万人学习

独孤九贱(2)_CSS视频教程

共22课时

23万人学习

独孤九贱(3)_JavaScript视频教程

共28课时

33.9万人学习

独孤九贱(4)_PHP视频教程

共89课时

125万人学习

热门下载

phpStudy 2018最新版

下载

vc9-vc14（32+64位）运行库合集（链接在下方）

下载

VC9 32位

下载

VC11 32位

下载

php程序员工具箱完整版

下载

VC14 32位

下载

SublimeText3汉化版

下载

Notepad++7.3.1

下载

phpStudy V8.1（Win64位）（已支持php8）

下载