文档章节

选择地址

羊皮卷
 羊皮卷
发布于 2016/04/09 17:06
字数 289
阅读 11
收藏 0


css

<style>
  .xuanza_shuru{position: relative; background-color: #fff;}
  .xuanza_shuru figure{}
  .xuanza_shuru label{position: absolute;left: 0; width: 8rem;height: 5rem;
  line-height: 4rem;float: left;font-size: 14px;text-align: center; color: #000;}
  .xuanza_shuru .shouji{padding-left: 9rem; }
  .xuanza_shuru .shouji input{height: 5rem; border-bottom: 1px solid #c5ccd8;}
  .xuanza_shuru .shouji select{height: 5rem; border-bottom: 1px solid #c5ccd8;}

  .dibu{position: fixed;bottom: 0; height: 4.8rem; line-height: 4.8rem;
  background-color: #fe7100; width: 100%;}
  .dibu ul{display: -webkit-box;height: 4.8rem; line-height: 4.8rem; }
  .dibu li{height: 4.8rem; line-height: 4.8rem;text-align: center; -webkit-box-flex: 1;
  -webkit-box-pack: center;}
  .dibu li span{padding-top: .7rem; display: block;font-size: 2.5rem; text-align: center;
   color: #fff;}
  .dibu li p{line-height: 1.5rem; text-align: center;font-size: 15px; color: #fff;}
</style>
html

<article class="xuanza_shuru">
  <figure>
    <label>输入邮箱</label>
    <div class="shouji"><input type="text" placeholder="请输入手机号"></div>
  </figure>
  <figure>
    <label>选择省份</label>
    <div class="shouji">
      <select  id="ProvinceID" name="ProvinceID" onblur="checkSubmit();" 
       emp="true" errorid="errorArea">
      </select>
    </div>
  </figure>
  <figure>
    <label>选择城市</label>
    <div class="shouji">
      <select  id="CityID" name="CityID" emp="true" errorid="errorArea">
      </select>
    </div>
  </figure>
  <figure>
    <label>选择地区</label>
    <div class="shouji">
      <select id="AreaID" name="AreaID"  emp="true" errorid="errorArea">
      </select>
    </div>
  </figure>
</article>
<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="js/province.js"></script>
<script src="js/pca.js"></script>

<script type="text/javascript">new InitPCA("ProvinceID", "CityID", "AreaID", "", "", "");</script>



//本文来源于网络,本人总结起来并优化,分享给有需要的前端朋友,如有侵权,请联系删除,也请指正、批评

© 著作权归作者所有

羊皮卷
粉丝 3
博文 166
码字总数 84410
作品 0
广州
前端工程师
私信 提问
Confluence 6 配置服务器基础地址

服务器基础地址(Server Base URL)是用户访问 Confluence 的 URL 地址。这个基础的 URL 地址必须与你在浏览器中访问 Confluence 中的地址。 Confluence 将会在安装的时候自动侦测基础的 UR...

honeymose
2018/07/09
3
0
juniper防火墙基于路由的IPsec VPN配置

一、环境说明 北京公司需要和上海分公司建立安全通信的VPN,便于北京总公司与上海分公司资源共享安全。 需建立两条子网通道规划地址如下: 北京总公司地址规划: 外网接口地址:218.23.23.2...

80后小菜鸟
2017/05/23
0
0
如何利用 TrustWallet购买P3D?

本文根据官网教程整理使用TrustWallet钱包进行P3D的购买、复投等操作。 1.下载 TrustWallet 钱包下载界面,根据手机系统选择下载对应版本 2.新建或导入钱包私钥(助记词) 根据需要选择钱包创...

zlith_58a7
2018/07/23
0
0
前嗅ForeSpider教程:创建模板

今天,小编为大家带来的教程是:如何在前嗅ForeSpider中创建模板。主要内容有:模板的概念,模板的配置方式,模板的高级选项,具体内容如下: 一,模板的概念 模板列表的层级相当于网页跳转的...

forespider
02/20
14
0
阿里云VPC下Kubernetes的网络地址段

在阿里云上创建Kubernetes就能的时候,通常可以选择自动创建专有网络,完全不用操心地址分配的问题。然后事情并非总是真么简单,某些情况下,还是得自己规划ECS地址、Kubernetes Pod地址和S...

太公
2017/12/25
0
0

没有更多内容

加载失败,请刷新页面

加载更多

只需一步,在Spring Boot中统一Restful API返回值格式与统一处理异常

统一返回值 在前后端分离大行其道的今天,有一个统一的返回值格式不仅能使我们的接口看起来更漂亮,而且还可以使前端可以统一处理很多东西,避免很多问题的产生。 比较通用的返回值格式如下:...

晓月寒丶
昨天
59
0
区块链应用到供应链上的好处和实际案例

区块链可以解决供应链中的很多问题,例如记录以及追踪产品。那么使用区块链应用到各产品供应链上到底有什么好处?猎头悬赏平台解优人才网小编给大家做个简单的分享: 使用区块链的最突出的优...

猎头悬赏平台
昨天
28
0
全世界到底有多少软件开发人员?

埃文斯数据公司(Evans Data Corporation) 2019 最新的统计数据(原文)显示,2018 年全球共有 2300 万软件开发人员,预计到 2019 年底这个数字将达到 2640万,到 2023 年达到 2770万。 而来自...

红薯
昨天
65
0
Go 语言基础—— 通道(channel)

通过通信来共享内存(Java是通过共享内存来通信的) 定义 func service() string {time.Sleep(time.Millisecond * 50)return "Done"}func AsyncService() chan string {retCh := mak......

刘一草
昨天
58
0
Apache Flink 零基础入门(一):基础概念解析

Apache Flink 的定义、架构及原理 Apache Flink 是一个分布式大数据处理引擎,可对有限数据流和无限数据流进行有状态或无状态的计算,能够部署在各种集群环境,对各种规模大小的数据进行快速...

Vincent-Duan
昨天
60
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部