Form controls表单属性控制

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

原创

最新推荐文章于 2025-01-08 11:44:24 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#bootstrap #less #css3 #css

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

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" pl