文本框的变化与附加显示

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

改变表单元素的尺寸可以,可以在这个文本框上面再添加一个 form-control-lg ,它会让元素变成大号的 .. 再试一下 form-control-sm ,它可以让元素变成小号的 ..

readonly

如果在元素上添加一个 readonly 属性,这样表单会变成只读状态 .. 现在它就不能被选中,然后输入内容了 .. 让只读的表单元素显示成纯文字的形式 .. 可以在表单元素上,把 form-control 换成 form-control-plaintext ..

Input group

在文本框的前后我们可以附加显示点东西,比如文字,按钮,下拉菜单 .. 在文字框的上面先添加一个附加文字.. 一组 span 标签,附加一个 @ 符号 .. 在这个 span 上面要加上 input-group-addon 这个类 ..

然后再给它们添加一个包装 .. 这个包装上要加上一个 input-group ..

现在文本框的前面可以很好的附加显示一个文字 ..

再给它的后面添加一个按钮 .. 一组 button 元素 ... 上面加上 btn btn-primary .. 按钮上的文字是 Go ..

在这个要附加显示的按钮的外面还得再添加一个额外的包装 .. 一组 span ,上面加上 input-group-btn ..

现在文本框的右边会附加显示一个按钮 ..

文本框的变化与附加显示《 Bootstrap 4:表单 》

统计

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

社会化网络

关于

微信订阅号

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