bootstrap学习笔记细化(表单)

主要属性：
　　　　class="form-inline" 　　水平排列
　　　　class="form-group"　　　组键

　　　　form-control　　 　　　　圆角方框发光
　　　　input-lg　　 　　　　　　 输入框变大
　　　　input-sm　　　　 　　　　 输入框变小

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>表单</title>
        <link rel="stylesheet" href="css/bootstrap.min.css" />
    </head>

    <body>
        
        <form class="form-inline">
            
            <div class="form-group has-success" >
                <script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>
                <script type="text/javascript" src="js/bootstrap.min.js" ></script>
                <label class="control-label" for="">这是一个输入框：</label>
                <input type="text" class="form-control" placeholder="这是一个输入框" input-lg>
            </div>

            <div class="form-group">
                <label class="form-label" for="">这是一个输入框：</label>
                <select class="form-control" name="" id="">
                    <option value="">北京</option>
                    <option value="">北京</option>
                    <option value="">北京</option>
                </select>
            </div>

            <div class="form-group has-error" >
                <label class="form-label" for="">这是一个输入框：</label>
                <textarea class="form-control" name="" id="" cols="30" rows="10"></textarea>
            </div>
        </form>
    </body>

</html>

源码

效果图：

相关阅读:
解析HTTP协议六种请求方法
金蝶
普元
中间件
[CTSC2008] 网络管理
【Uva 10498】满意值
【SPOJ839】最优标号
bzoj2879 [Noi2012]美食节
bzoj3144 [Hnoi2013]切糕
bzoj3112 [Zjoi2013]防守战线

原文地址：https://www.cnblogs.com/linjiaxiaomeiainia/p/7018675.html