《Web前端框架应用bootstrap》课件——项目五 表单.pptx

任务1：

三种表单项目五表单主讲人：

CONTENTS0102垂直表单水平表单03内联表单

垂直表单/01

垂直表单

垂直表单把成对的标签和表单控件放在一个带有class=mb-3的div中，这是获取最佳间距所必需的。01文本形式的控件input和textarea使用.form-control进行样式化，包括一般外观、focus状态、尺寸等等的样式。02label标签，使用class=“form-label”。03

垂直表单

水平表单/02

水平表单在垂直表单的基础上，给每一组标签控件外层div，添加row。01对label标签使用col类，和input标签外层添加d