Form controls表单属性控制

最新推荐文章于 2025-01-08 11:44:24 发布

JenisFine

最新推荐文章于 2025-01-08 11:44:24 发布

阅读量1.2k

点赞数

分类专栏： BootStrap笔记文章标签： bootstrap less css3 css

本文链接：https://blog.csdn.net/Jenis57/article/details/129332883

版权

文章介绍了如何使用Bootstrap对文本输入框（input和textarea）进行定制，包括调整大小（form-control-lg和form-control-sm）、禁用和只读状态的设置。此外，还提到了plain文本输入、颜色选择器以及使用datalists创建可自动补全的输入选项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Form controls

Give textual（文本性） form controls like <input>s and <textarea>s an upgrade with custom styles, sizing, focus states（获取的焦点状态）, and more.

Sizing

Set heights using classes like .form-control-lg and .form-control-sm. 利用这样的类来设置高度

        <input class="form-control form-control-lg" 
        type="text" placeholder=".form-control-lg" >
        
        <input class="form-control" type="text" 
        placeholder="Default input">
        
        <input class="form-control form-control-sm" 
        type="text&#