地区列表，拼音

index.html

 <!--地区-->
            <div class="area option-list hidden" id="area">
              <ul>
                <li><input name="area" value="北京" type="checkbox" id="beijing" hidden><label for="beijing">北京</label></li>
                <li><input name="area" value="上海" type="checkbox" id="shanghai" hidden><label for="shanghai">上海</label></li>
                <li><input name="area" value="天津" type="checkbox" id="tianjin" hidden><label for="tianjin">天津</label></li>
                <li><input name="area" value="重庆" type="checkbox" id="chongqin" hidden><label for="chongqin">重庆</label></li>
                <li><input name="area" value="河北"  type="checkbox" id="hebei"  hidden><label for="hebei">河北</label></li>
                <li><input name="area" value="山西" type="checkbox" id="shanxi" hidden><label for="shanxi">山西</label></li>
                <li><input name="area" value="河南" type="checkbox" id="henan" hidden><label for="henan">河南</label></li>
                <li><input name="area" value="辽宁" type="checkbox" id="liaoning" hidden><label for="liaoning">辽宁</label></li>
                <li><input name="area" value="吉林" type="checkbox" id="jilin" hidden><label for="jilin">吉林</label></li>
                <li><input name="area" value="黑龙江" type="checkbox" id="heilongjiang" hidden><label for="heilongjiang">黑龙江</label></li>
                <li><input name="area" value="内蒙古" type="checkbox" id="neimenggu" hidden><label for="neimenggu">内蒙古</label></li>
                <li><input name="area" value="江苏" type="checkbox" id="jiangshu" hidden><label for="jiangshu">江苏</label></li>
                <li><input name="area" value="山东" type="checkbox" id="shandong" hidden><label for="shandong">山东</label></li>
                <li><input name="area" value="安徽" type="checkbox" id="anhui" hidden><label for="anhui">安徽</label></li>
                <li><input name="area" value="浙江" type="checkbox" id="zhejiang" hidden><label for="zhejiang">浙江</label></li>
                <li><input name="area" value="福建" type="checkbox" id="fujian" hidden><label for="fujian">福建</label></li>
                <li><input name="area" value="湖北" type="checkbox" id="hubei" hidden><label for="hubei">湖北</label></li>
                <li><input name="area" value="湖南" type="checkbox" id="hunan" hidden><label for="hunan">湖南</label></li>
                <li><input name="area" value="广东" type="checkbox" id="guangdong" hidden><label for="guangdong">广东</label></li>
                <li><input name="area" value="广西" type="checkbox" id="guangxi" hidden><label for="guangxi">广西</label></li>
                <li><input name="area" value="江西" type="checkbox" id="jiangxi" hidden><label for="jiangxi">江西</label></li>
                <li><input name="area" value="四川" type="checkbox" id="sichuan" hidden><label for="sichuan">四川</label></li>
                <li><input name="area" value="海南" type="checkbox" id="hainan" hidden><label for="hainan">海南</label></li>
                <li><input name="area" value="贵州" type="checkbox" id="guizhou" hidden><label for="guizhou">贵州</label></li>
                <li><input name="area" value="云南" type="checkbox" id="yunnan" hidden><label for="yunnan">云南</label></li>
                <li><input name="area" value="西藏" type="checkbox" id="xizang" hidden><label for="xizang">西藏</label></li>
                <li><input name="area" value="陕西" type="checkbox" id="shaanxi" hidden><label for="shaanxi">陕西</label></li>
                <li><input name="area" value="甘肃" type="checkbox" id="ganshu" hidden><label for="ganshu">甘肃</label></li>
                <li><input name="area" value="青海" type="checkbox" id="qinghai" hidden><label for="qinghai">青海</label></li>
                <li><input name="area" value="宁夏" type="checkbox" id="ningxia" hidden><label for="ningxia">宁夏</label></li>
                <li><input name="area" value="新疆" type="checkbox" id="xiangjiang" hidden><label for="xiangjiang">新疆</label></li>
                <li><input name="area" value="澳门" type="checkbox" id="aomen" hidden><label for="aomen">澳门</label></li>
                <li><input name="area" value="香港" type="checkbox" id="xianggang" hidden><label for="xianggang">香港</label></li>
                <li><input name="area" value="台湾" type="checkbox" id="taiwan" hidden><label for="taiwan">台湾</label></li>
              </ul>
            </div>