表单元素

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

先添加一个基本的 text 类型的 input 元素,type 的值是 text .. 就是一个文本框 .. 文本框里可以添加一个 placeholder ,对应的值是一个占位符文字 .. Email

现在你看到的是浏览器默认给文本框的样式 .. Bootstrap 重新设计了它的样式 .. 可以在表单元素上添加一个 form-control 这个类 ..

选中这个文本框 .. 进入到焦点状态的时候它的周围会出现蓝色的边框 ..

表单元素上一般都要添加一个 id .. 这个元素可以是 email .. 然后再给它添加一个 label ,也就是标签去描述一下这个表单元素 .. label 上面的 for 属性就是表单元素的 id 值 .. 这个标签属于下面这个 email 元素 .. 所以它的 for 属性的值就是 email ..

标签上的文字是 邮件地址 ..

因为我们为 label 元素设置了正确的 for 属性 .. 所以按一下界面上的这个 label 元素,会选中它所属的表单元素 ... 就是它下面这个文本框 ..

在表单元素里面我们可再添加一小段描述,一般使用一个 small 标签,上面加上 form-text .. 输入一段描述 .. 请输入正确的电子邮件地址,接收重要的通知。

在这个说明文字的元素上再添加一个 text-muted .. 可以让它不那么显眼 ..

表单元素《 Bootstrap 4:表单 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点