当前位置：首页» 公司新闻 » 【建站服务】无锡网店设计【无锡淘宝店铺装修】无锡阿里巴巴首页美工、无锡网店主图页面设计、无锡网页设计公司多少钱、无锡拼多多开店大概多少费用、无锡京东抖音美团运营价格收费标准-域名申请

【建站服务】无锡网店设计【无锡淘宝店铺装修】无锡阿里巴巴首页美工、无锡网店主图页面设计、无锡网页设计公司多少钱、无锡拼多多开店大概多少费用、无锡京东抖音美团运营价格收费标准-域名申请

作者: 风兰 . 阅读量： 8 . 发表时间：2022-09-20 17:29:08

网站建设

上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

无锡网店设计【无锡淘宝店铺装修】无锡阿里巴巴首页美工、无锡网店主图页面设计、无锡网页设计公司多少钱、无锡拼多多开店大概多少费用、无锡京东抖音美团运营价格收费标准

网站建设.jpg

无锡，简称“锡”，古称梁溪、金匮，是江苏省辖地级市，国务院批复确定的长江三角洲地区中心城市之一、重要的风景旅游城市 [1] 。截至2020年，全市下辖5个区、代管2个县级市，总面积4627.47平方千米 [10] ，建成区面积552.13平方千米 [2] 。根据第七次人口普查数据，截至2020年11月1日零时，无锡市常住人口为746.2135万人 [74] ，其中城镇常住人口617.8208万人，常住人口城镇化率82.79%。 [72-73] 2020年，无锡市实现地区生产总值12370.48亿元。 [6]

无锡地处中国华东地区、江苏省南部、长江三角洲平原腹地，是苏锡常都市圈的重要组成部分。无锡北倚长江、南滨太湖，被誉为“太湖明珠”，京杭大运河穿境而过；境内以平原为主，星散分布着低山、残丘；属亚热带湿润季风气候区，四季分明，热量充足。

无锡是国家历史文化名城 [3] ，自古就是鱼米之乡，素有布码头、钱码头、窑码头、丝都、米市之称。无锡是中国民族工业和乡镇工业的摇篮、苏南模式的发祥地。无锡是联勤保障部队无锡联勤保障中心驻地 [4] 。无锡有太湖鼋头渚、灵山大佛、拈花湾、无锡中视影视基地等景点。

2017年11月，无锡市复查确认继续保留全国文明城市荣誉称号。 [5] 2018年12月，被评为2018中国大陆最佳地级城市第3名、2018中国创新力最强的30个城市之一、2018中国最佳旅游目的地城市第17名。2019年8月，中国海关总署主办的《中国海关》杂志公布2018“中国外贸百强城市”，无锡排名第11。

Bootstrap 表单

在本章中，我们将学习如何使用 Bootstrap 创建表单。Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。

表单布局

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

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

垂直或基本表单

基本的表单结构是 Bootstrap 自带的，个别的表单控件自动接收一些全局样式。下面列出了创建基本表单的步骤：

向父 <form> 元素添加 role="form"。
把标签和控件放在一个带有 class .form-group 的 <div> 中。这是获取最佳间距所必需的。
向所有的文本元素 <input>、<textarea> 和 <select> 添加 class ="form-control" 。

实例

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

尝试一下 »

结果如下所示：

内联表单

如果需要创建一个表单，它的所有元素是内联的，向左对齐的，标签是并排的，请向 <form> 标签添加 class .form-inline。

实例

<form class="form-inline" role="form">
  <div class="form-group">
    <label class="sr-only" for="name">名称</label>
    <input type="text" class="form-control" id="name" placeholder="请输入名称">
  </div>
  <div class="form-group">
    <label class="sr-only" for="inputfile">文件输入</label>
    <input type="file" id="inputfile">
  </div>
  <div class="checkbox">
    <label>
      <input type="checkbox">请打勾    </label>
  </div>
  <button type="submit" class="btn btn-default">提交</button></form>

尝试一下 »

结果如下所示：

默认情况下，Bootstrap 中的 input、select 和 textarea 有 100% 宽度。在使用内联表单时，您需要在表单控件上设置一个宽度。
使用 class .sr-only，您可以隐藏内联表单的标签。

水平表单

水平表单与其他表单不仅标记的数量上不同，而且表单的呈现形式也不同。如需创建一个水平布局的表单，请按下面的几个步骤进行：

向父 <form> 元素添加 class .form-horizontal。
把标签和控件放在一个带有 class .form-group 的 <div> 中。
向标签添加 class .control-label。

实例

<form class="form-horizontal" role="form">
  <div class="form-group">
    <label for="firstname" class="col-sm-2 control-label">名字</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" id="firstname" placeholder="请输入名字">
    </div>
  </div>
  <div class="form-group">
    <label for="lastname" class="col-sm-2 control-label">姓</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" id="lastname" placeholder="请输入姓">
    </div>
  </div>
  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      <div class="checkbox">
        <label>
          <input type="checkbox">请记住我        </label>
      </div>
    </div>
  </div>
  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      <button type="submit" class="btn btn-default">登录</button>
    </div>
  </div></form>

尝试一下 »

结果如下所示：

支持的表单控件

Bootstrap 支持最常见的表单控件，主要是 input、textarea、checkbox、radio 和 select。

输入框（Input）

最常见的表单文本字段是输入框 input。用户可以在其中输入大多数必要的表单数据。Bootstrap 提供了对所有原生的 HTML5 的 input 类型的支持，包括：text、password、datetime、datetime-local、date、month、time、week、number、email、url、search、tel 和 color。适当的 type 声明是必需的，这样才能让 input 获得完整的样式。

实例

<form role="form">
  <div class="form-group">
    <label for="name">标签</label>
    <input type="text" class="form-control" placeholder="文本输入">
  </div>
 </form>

尝试一下 »

结果如下所示：

文本框（Textarea）

当您需要进行多行输入的时，则可以使用文本框 textarea。必要时可以改变 rows 属性（较少的行 = 较小的盒子，较多的行 = 较大的盒子）。

实例

<form role="form">
  <div class="form-group">
    <label for="name">文本框</label>
    <textarea class="form-control" rows="3"></textarea>
  </div></form>