zoukankan      html  css  js  c++  java
  • form 元素横向排列

    <section id="contact">
        <div class="lj">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <h2>
                            <span class="glyphicon glyphicon-send"></span>
                            &nbsp;
                            联系dd
                        </h2>
                        <p>
                           hello
                        </p>
                        <address>
                            <p>
                                <span class="glyphicon glyphicon-home"></span>
                                &nbsp;
                                地址:
                            </p>
                            <p>
                                <span class="glyphicon glyphicon-phone-alt"></span>
                                &nbsp;
                                联系电话:
                            </p>
                            <p>
                                <span class="glyphicon glyphicon-envelope"></span>
                                &nbsp;
                                邮箱:
                            </p>
                        </address>
                    </div>
                    <div class="col-md-6">
                        <form action="#" method="post">
                            <div class="col-md-6">
                                <input type="text" class="form-control" placeholder="您的姓名"/>
                            </div>
                            <div class="col-md-6">
                                <input type="email" class="form-control" placeholder="您的邮箱"/>
                            </div>
                            <div class="col-md-12">
                                <input type="text" class="form-control" placeholder="标题"/>
                            </div>
                            <div class="col-md-12">
                                <textarea class="form-control" placeholder="留言内容" rows="4"></textarea>
                            </div>
                            <div class="col-md-8">
                                <input type="submit" class="form-control" value="提交"/>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
  • 相关阅读:
    selet 语句详解
    第三章 sql 的约束
    第二章 创建数据库并插入数据
    第一章
    微信小程序(九)
    微信小程序(七)
    微信小程序(八)
    微信小程序(六)
    bzoj4622 [NOI 2003] 智破连环阵
    bzoj3996 [TJOI2015]线性代数
  • 原文地址:https://www.cnblogs.com/rigid/p/6357913.html
Copyright © 2011-2022 走看看