Bootstrap表单使用方法详解-创新互联

一、表单布局

科尔沁ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联公司的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：028-86922220（备注：SSL证书合作）期待与您的合作！

Bootstrap 提供了下列类型的表单布局：

--垂直表单（默认）
--内联表单
--水平表单

（1）垂直或基本表单

基本的表单结构是 Bootstrap 自带的，个别的表单控件自动接收一些全局样式。

下面列出了创建基本表单的步骤：

--向父

元素添加 role="form"。
--把标签和控件放在一个带有 class .form-group 的

中。这是获取最佳间距所必需的。
--向所有的文本元素、

和 <select> 添加 class .form-control。</p><pre><form role="form"> 
 <div class="form-group"> 
 <label for="name">名称</label> 
 <input type="text" class="form-control" id="name" placeholder="请输入名称"> 
 </div> 
 <div class="form-group"> 
 <label for="inputfile">文件输入</label> 
 <input type="file" id="inputfile"> 
 <p class="help-block">这里是块级帮助文本的实例。</p> 
 </div> 
 <div class="checkbox"> 
 <label> 
 <input type="checkbox">请打勾 
 </label> 
 </div> 
 <button type="submit" class="btn btn-default">提交</button> 
</form></pre><p align=center>另外有需要云服务器可以了解下<a href="https://www.cdcxhl.com/" target="_blank">创新互联建站</a>www.cdcxhl.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、<a href="https://www.cdcxhl.com/gaofang/" target="_blank">高防服务器</a>、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。</p>                <br>
                网页题目：Bootstrap表单使用方法详解-创新互联                <br>
                文章地址：<a href="http://myzitong.com/article/cchghj.html">http://myzitong.com/article/cchghj.html</a>
            </div>
        </div>
        <div class="contentr fr">
            <h3>其他资讯</h3>
            <ul>
                <li>
                        <a href="/article/jicpgi.html">cpu的三大组成部分是哪些</a>
                    </li><li>
                        <a href="/article/jicpie.html">webpack构建的详细流程探底</a>
                    </li><li>
                        <a href="/article/jicpei.html">SQL中patindex函数的用法详解</a>
                    </li><li>
                        <a href="/article/jicpio.html">java如何简单快速处理json中的数据</a>
                    </li><li>
                        <a href="/article/jichoc.html">Mybatis中怎么利用注解实现多数据源读写分离</a>
                    </li>            </ul>
        </div>
    </div>
</div>

<footer>
    <div class="foot">
        <div class="container">
            <h1>梓潼大橙子建站您身边的网站制作服务商</h1>
            <div class="foot1">
                <ul>
                    <li>
                        <dl><i class="iconfont"></i><b>地址ADDRESS</b></dl>
                        <p>四川-成都青羊区太升南路288号<br>
                            锦天国际A座10楼
                        </p>
                    </li>
                    <li>
                        <dl><i class="iconfont"></i><b>电话/TEL</b></dl>
                        <p><a href="tel:02886922220" target="_blank">028 86922220</a> (工作日)<br>
                            <a href="tel:18980820575" target="_blank">1898082 0575</a> ( 7x24 )
                        </p>
                    </li>
                    <li>
                        <dl><i class="iconfont"></i><b>QQ咨询</b></dl>
                        <p> 244261566 (售前)<br>
                            631063699 (售后)
                        </p>
                    </li>
                    <li>
                        <dl><i class="iconfont"></i><b>邮箱/E: mail</b></dl>
                        <p> service@cdcxhl.com (业务)<br>
                            hr@cdcxhl.com (求职)
                        </p>
                    </li>
                </ul>
            </div>
            <div class="link">
                友情链接：
                <a href="http://www.xhgfhy.com/
" title="成都防护栏" target="_blank">成都防护栏</a>   <a href="http://www.kswsj.com/" title="成都网络公司" target="_blank">成都网络公司</a>   <a href="http://www.ledaz.cn/" title="成都广告制作" target="_blank">成都广告制作</a>   <a href="http://www.gdcrkj.cn/" title="德阳东方电机技改" target="_blank">德阳东方电机技改</a>   <a href="http://www.cqfuwuqi.com/" title="重庆服务器托管" target="_blank">重庆服务器托管</a>   <a href="http://chengdu.cdcxhl.com/weixin/" title="微信公众号开发" target="_blank">微信公众号开发</a>   <a href="http://www.cdkjz.cn/fangan/store/" title="成都电商网站建设方案" target="_blank">成都电商网站建设方案</a>   <a href="http://www.cdkjz.cn/small/" title="成都微信小程序开发" target="_blank">成都微信小程序开发</a>   <a href="http://www.wjwzjz.com/" title="温江网站设计" target="_blank">温江网站设计</a>   <a href="http://seo.cdkjz.cn/yingxiao/" title="网站推广公司" target="_blank">网站推广公司</a>               </div>
        </div>
    </div>
    <div class="copy container">
        Copyright