"身份证号自动输出个人信息功能实现，代码示例：HTML"

152 浏览量更新于2024-02-02 收藏 378KB PDF 举报

根据身份证号自动输出相关信息的需求，可以使用一段代码实现。下面是一个示例的HTML代码： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>身份证号相关信息查询</title> <style> #content { margin: 200px auto; width: 400px; text-align: center; } #result { margin-top: 20px; } </style> </head> <body> <div id="content"> <h1>请输入身份证号</h1> <input type="text" id="idNumber" placeholder="身份证号"> <button onclick="query()">查询</button> <div id="result"></div> </div> <script> function query() { var idNumber = document.getElementById("idNumber").value; // 正则表达式验证身份证号格式 var regex = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/; if (!regex.test(idNumber)) { document.getElementById("result").innerHTML = "请输入正确的身份证号"; return; } // 解析身份证号的籍贯、出生日期和性别 var nativePlace = idNumber.substring(0, 6); var birthday = ""; if (idNumber.length === 15) { birthday = "19" + idNumber.substring(6, 12); } else { birthday = idNumber.substring(6, 14); } var gender = ""; if (parseInt(idNumber.charAt(idNumber.length - 2)) % 2 === 0) { gender = "女"; } else { gender = "男"; } // 输出查询结果 document.getElementById("result").innerHTML = "籍贯：" + nativePlace + "<br>" + "出生日期：" + birthday + "<br>" + "性别：" + gender; } </script> </body> </html> ``` 这段代码使用了HTML、CSS和JavaScript实现了一个简单的身份证号相关信息查询功能。用户只需在输入框中输入身份证号，点击查询按钮，页面会自动根据身份证号的格式进行验证，并解析出相关信息，最终在页面上显示出籍贯、出生日期和性别等信息。在查询函数`query()`中，首先通过正则表达式验证用户输入的身份证号是否符合格式要求。然后根据身份证号的长度，分别解析出籍贯和出生日期。最后根据身份证号的倒数第二位数字的奇偶性，判断出性别。最终，代码会将解析出的信息输出到页面上，显示给用户。页面样式方面，使用了简单的居中布局和一些基本的CSS样式。可以根据需求进一步优化代码，比如增加更严谨的身份证号验证规则、加入错误提示等。此代码只是一个简单示例，可根据具体情况进行扩展和修改。

{‘code’:’210203′,’title’:’辽宁省大连市西岗区’},

{‘code’:’210204′,’title’:’辽宁省大连市沙河口区’},

{‘code’:’210211′,’title’:’辽宁省大连市甘井子区’},

{‘code’:’210212′,’title’:’辽宁省大连市旅顺口区’},

{‘code’:’210213′,’title’:’辽宁省大连市金州区’},

{‘code’:’210224′,’title’:’辽宁省大连市长海县’},

{‘code’:’210281′,’title’:’辽宁省大连市瓦房店市’},

{‘code’:’210282′,’title’:’辽宁省大连市普兰店市’},

{‘code’:’210283′,’title’:’辽宁省大连市庄河市’},

{‘code’:’210300′,’title’:’辽宁省鞍山市’},

{‘code’:’210301′,’title’:’辽宁省鞍山市市辖区’},

{‘code’:’210302′,’title’:’辽宁省鞍山市铁东区’},

{‘code’:’210303′,’title’:’辽宁省鞍山市铁西区’},

{‘code’:’210304′,’title’:’辽宁省鞍山市立山区’},

{‘code’:’210311′,’title’:’辽宁省鞍山市千山区’},

{‘code’:’210321′,’title’:’辽宁省鞍山市台安县’},

{‘code’:’210323′,’title’:’辽宁省鞍山市岫岩满族自治县’},

{‘code’:’210381′,’title’:’辽宁省鞍山市海城市’},

{‘code’:’210400′,’title’:’辽宁省抚顺市’},

{‘code’:’210401′,’title’:’辽宁省抚顺市市辖区’},

{‘code’:’210402′,’title’:’辽宁省抚顺市新抚区’},

{‘code’:’210403′,’title’:’辽宁省抚顺市露天区’},

{‘code’:’210404′,’title’:’辽宁省抚顺市望花区’},

{‘code’:’210411′,’title’:’辽宁省抚顺市顺城区’},

{‘code’:’210421′,’title’:’辽宁省抚顺市抚顺县’},

{‘code’:’210422′,’title’:’辽宁省抚顺市新宾满族自治县’},

{‘code’:’210423′,’title’:’辽宁省抚顺市清原满族自治县’},

{‘code’:’210500′,’title’:’辽宁省本溪市’},

{‘code’:’210501′,’title’:’辽宁省本溪市市辖区’},

{‘code’:’210502′,’title’:’辽宁省本溪市平山区’},

{‘code’:’210503′,’title’:’辽宁省本溪市溪湖区’},

{‘code’:’210504′,’title’:’辽宁省本溪市明山区’},

{‘code’:’210505′,’title’:’辽宁省本溪市南芬区’},

{‘code’:’210521′,’title’:’辽宁省本溪市本溪满族自治县’},

{‘code’:’210522′,’title’:’辽宁省本溪市桓仁满族自治县’},

{‘code’:’210600′,’title’:’辽宁省丹东市’},

{‘code’:’210601′,’title’:’辽宁省丹东市市辖区’},

{‘code’:’210602′,’title’:’辽宁省丹东市元宝区’},

{‘code’:’210603′,’title’:’辽宁省丹东市振兴区’},

{‘code’:’210604′,’title’:’辽宁省丹东市振安区’},

{‘code’:’210624′,’title’:’辽宁省丹东市宽甸满族自治县’},

{‘code’:’210681′,’title’:’辽宁省丹东市东港市’},

{‘code’:’210682′,’title’:’辽宁省丹东市凤城市’},

{‘code’:’210700′,’title’:’辽宁省锦州市’},

{‘code’:’210701′,’title’:’辽宁省锦州市市辖区’},

{‘code’:’210702′,’title’:’辽宁省锦州市古塔区’},

{‘code’:’210703′,’title’:’辽宁省锦州市凌河区’},

{‘code’:’210711′,’title’:’辽宁省锦州市太和区’},

{‘code’:’210726′,’title’:’辽宁省锦州市黑山县’},

{‘code’:’210727′,’title’:’辽宁省锦州市义县’},

{‘code’:’210781′,’title’:’辽宁省锦州市凌海市’},

{‘code’:’210782′,’title’:’辽宁省锦州市北宁市’},

{‘code’:’210800′,’title’:’辽宁省营口市’},

{‘code’:’210801′,’title’:’辽宁省营口市市辖区’},

{‘code’:’210802′,’title’:’辽宁省营口市站前区’},

{‘code’:’210803′,’title’:’辽宁省营口市西市区’},

{‘code’:’210804′,’title’:’辽宁省营口市鲅鱼圈区’},

{‘code’:’210811′,’title’:’辽宁省营口市老边区’},

{‘code’:’210881′,’title’:’辽宁省营口市盖州市’},

{‘code’:’210882′,’title’:’辽宁省营口市大石桥市’},

{‘code’:’210900′,’title’:’辽宁省阜新市’},

{‘code’:’210901′,’title’:’辽宁省阜新市市辖区’},

{‘code’:’210902′,’title’:’辽宁省阜新市海州区’},

{‘code’:’210903′,’title’:’辽宁省阜新市新邱区’},

{‘code’:’210904′,’title’:’辽宁省阜新市太平区’},

{‘code’:’210905′,’title’:’辽宁省阜新市清河门区’},

{‘code’:’210911′,’title’:’辽宁省阜新市细河区’},

{‘code’:’210921′,’title’:’辽宁省阜新市阜新蒙古族自治县’},

{‘code’:’210922′,’title’:’辽宁省阜新市彰武县’},

{‘code’:’211000′,’title’:’辽宁省辽阳市’},

{‘code’:’211001′,’title’:’辽宁省辽阳市市辖区’},

{‘code’:’211002′,’title’:’辽宁省辽阳市白塔区’},

{‘code’:’211003′,’title’:’辽宁省辽阳市文圣区’},

{‘code’:’211004′,’title’:’辽宁省辽阳市宏伟区’},

{‘code’:’211005′,’title’:’辽宁省辽阳市弓长岭区’},

{‘code’:’211011′,’title’:’辽宁省辽阳市太子河区’},

{‘code’:’211021′,’title’:’辽宁省辽阳市辽阳县’},

{‘code’:’211081′,’title’:’辽宁省辽阳市灯塔市’},

{‘code’:’211100′,’title’:’辽宁省盘锦市’},

{‘code’:’211101′,’title’:’辽宁省盘锦市市辖区’},

{‘code’:’211102′,’title’:’辽宁省盘锦市双台子区’},

{‘code’:’211103′,’title’:’辽宁省盘锦市兴隆台区’},

{‘code’:’211121′,’title’:’辽宁省盘锦市大洼县’},

{‘code’:’211122′,’title’:’辽宁省盘锦市盘山县’},

{‘code’:’211200′,’title’:’辽宁省铁岭市’},

{‘code’:’211201′,’title’:’辽宁省铁岭市市辖区’},

{‘code’:’211202′,’title’:’辽宁省铁岭市银州区’},

{‘code’:’211204′,’title’:’辽宁省铁岭市清河区’},

{‘code’:’211221′,’title’:’辽宁省铁岭市铁岭县’},

{‘code’:’211223′,’title’:’辽宁省铁岭市西丰县’},

{‘code’:’211224′,’title’:’辽宁省铁岭市昌图县’},

{‘code’:’211281′,’title’:’辽宁省铁岭市铁法市’},

{‘code’:’211282′,’title’:’辽宁省铁岭市开原市’},

{‘code’:’211300′,’title’:’辽宁省朝阳市’},

{‘code’:’211301′,’title’:’辽宁省朝阳市市辖区’},

{‘code’:’211302′,’title’:’辽宁省朝阳市双塔区’},

{‘code’:’211303′,’title’:’辽宁省朝阳市龙城区’},

{‘code’:’211321′,’title’:’辽宁省朝阳市朝阳县’},

{‘code’:’211322′,’title’:’辽宁省朝阳市建平县’},

{‘code’:’211324′,’title’:’辽宁省朝阳市喀喇沁左翼蒙古族自治县’},

{‘code’:’211381′,’title’:’辽宁省朝阳市北票市’},

{‘code’:’211382′,’title’:’辽宁省朝阳市凌源市’},

{‘code’:’211400′,’title’:’辽宁省葫芦岛市’},

{‘code’:’211401′,’title’:’辽宁省葫芦岛市市辖区’},

{‘code’:’211402′,’title’:’辽宁省葫芦岛市连山区’},

{‘code’:’211403′,’title’:’辽宁省葫芦岛市龙港区’},

{‘code’:’211404′,’title’:’辽宁省葫芦岛市南票区’},

{‘code’:’211421′,’title’:’辽宁省葫芦岛市绥中县’},

{‘code’:’211422′,’title’:’辽宁省葫芦岛市建昌县’},

{‘code’:’211481′,’title’:’辽宁省葫芦岛市兴城市’},

{‘code’:’220000′,’title’:’吉林省’},

{‘code’:’220100′,’title’:’吉林省长春市’},

{‘code’:’220101′,’title’:’吉林省长春市市辖区’},

{‘code’:’220102′,’title’:’吉林省长春市南关区’},

{‘code’:’220103′,’title’:’吉林省长春市宽城区’},

{‘code’:’220104′,’title’:’吉林省长春市朝阳区’},

{‘code’:’220105′,’title’:’吉林省长春市二道区’},

{‘code’:’220106′,’title’:’吉林省长春市绿园区’},

{‘code’:’220112′,’title’:’吉林省长春市双阳区’},

{‘code’:’220122′,’title’:’吉林省长春市农安县’},

{‘code’:’220181′,’title’:’吉林省长春市九台市’},

{‘code’:’220182′,’title’:’吉林省长春市榆树市’},

{‘code’:’220183′,’title’:’吉林省长春市德惠市’},

{‘code’:’220200′,’title’:’吉林省吉林市’},

{‘code’:’220201′,’title’:’吉林省吉林市市辖区’},

{‘code’:’220202′,’title’:’吉林省吉林市昌邑区’},

{‘code’:’220203′,’title’:’吉林省吉林市龙潭区’},

{‘code’:’220204′,’title’:’吉林省吉林市船营区’},

{‘code’:’220211′,’title’:’吉林省吉林市丰满区’},

{‘code’:’220221′,’title’:’吉林省吉林市永吉县’},

{‘code’:’220281′,’title’:’吉林省吉林市蛟河市’},

{‘code’:’220282′,’title’:’吉林省吉林市桦甸市’},

{‘code’:’220283′,’title’:’吉林省吉林市舒兰市’},

{‘code’:’220284′,’title’:’吉林省吉林市磐石市’},

{‘code’:’220300′,’title’:’吉林省四平市’},

{‘code’:’220301′,’title’:’吉林省四平市市辖区’},

{‘code’:’220302′,’title’:’吉林省四平市铁西区’},

{‘code’:’220303′,’title’:’吉林省四平市铁东区’},

{‘code’:’220322′,’title’:’吉林省四平市梨树县’},

{‘code’:’220323′,’title’:’吉林省四平市伊通满族自治县’},

{‘code’:’220381′,’title’:’吉林省四平市公主岭市’},

{‘code’:’220382′,’title’:’吉林省四平市双辽市’},

{‘code’:’220400′,’title’:’吉林省辽源市’},

{‘code’:’220401′,’title’:’吉林省辽源市市辖区’},

{‘code’:’220402′,’title’:’吉林省辽源市龙山区’},

{‘code’:’220403′,’title’:’吉林省辽源市西安区’},

{‘code’:’220421′,’title’:’吉林省辽源市东丰县’},

{‘code’:’220422′,’title’:’吉林省辽源市东辽县’},

{‘code’:’220500′,’title’:’吉林省通化市’},

{‘code’:’220501′,’title’:’吉林省通化市市辖区’},

{‘code’:’220502′,’title’:’吉林省通化市东昌区’},

{‘code’:’220503′,’title’:’吉林省通化市二道江区’},

{‘code’:’220521′,’title’:’吉林省通化市通化县’},

{‘code’:’220523′,’title’:’吉林省通化市辉南县’},

{‘code’:’220524′,’title’:’吉林省通化市柳河县’},

{‘code’:’220581′,’title’:’吉林省通化市梅河口市’},

{‘code’:’220582′,’title’:’吉林省通化市集安市’},

{‘code’:’220600′,’title’:’吉林省白山市’},

{‘code’:’220601′,’title’:’吉林省白山市市辖区’},

{‘code’:’220602′,’title’:’吉林省白山市八道江区’},

{‘code’:’220621′,’title’:’吉林省白山市抚松县’},

{‘code’:’220622′,’title’:’吉林省白山市靖宇县’},

{‘code’:’220623′,’title’:’吉林省白山市长白朝鲜族自治县’},

{‘code’:’220625′,’title’:’吉林省白山市江源县’},

{‘code’:’220681′,’title’:’吉林省白山市临江市’},

{‘code’:’220700′,’title’:’吉林省松原市’},

{‘code’:’220701′,’title’:’吉林省松原市市辖区’},

{‘code’:’220702′,’title’:’吉林省松原市宁江区’},

{‘code’:’220721′,’title’:’吉林省松原市前郭尔罗斯蒙古族自治县’},

{‘code’:’220722′,’title’:’吉林省松原市长岭县’},

{‘code’:’220723′,’title’:’吉林省松原市乾安县’},

{‘code’:’220724′,’title’:’吉林省松原市扶余县’},

{‘code’:’220800′,’title’:’吉林省白城市’},

{‘code’:’220801′,’title’:’吉林省白城市市辖区’},

{‘code’:’220802′,’title’:’吉林省白城市洮北区’},

{‘code’:’220821′,’title’:’吉林省白城市镇赉县’},

{‘code’:’220822′,’title’:’吉林省白城市通榆县’},

{‘code’:’220881′,’title’:’吉林省白城市洮南市’},

{‘code’:’220882′,’title’:’吉林省白城市大安市’},

{‘code’:’222400′,’title’:’吉林省延边朝鲜族自治州’},

{‘code’:’222401′,’title’:’吉林省延边朝鲜族自治州延吉市’},

{‘code’:’222402′,’title’:’吉林省延边朝鲜族自治州图们市’},

{‘code’:’222403′,’title’:’吉林省延边朝鲜族自治州敦化市’},

{‘code’:’222404′,’title’:’吉林省延边朝鲜族自治州珲春市’},

{‘code’:’222405′,’title’:’吉林省延边朝鲜族自治州龙井市’},

{‘code’:’222406′,’title’:’吉林省延边朝鲜族自治州和龙市’},

{‘code’:’222424′,’title’:’吉林省延边朝鲜族自治州汪清县’},

{‘code’:’222426′,’title’:’吉林省延边朝鲜族自治州安图县’},

{‘code’:’230000′,’title’:’黑龙江省’},

{‘code’:’230100′,’title’:’黑龙江省哈尔滨市’},

{‘code’:’230101′,’title’:’黑龙江省哈尔滨市市辖区’},

{‘code’:’230102′,’title’:’黑龙江省哈尔滨市道里区’},

{‘code’:’230103′,’title’:’黑龙江省哈尔滨市南岗区’},

{‘code’:’230104′,’title’:’黑龙江省哈尔滨市道外区’},

{‘code’:’230105′,’title’:’黑龙江省哈尔滨市太平区’},

{‘code’:’230106′,’title’:’黑龙江省哈尔滨市香坊区’},

{‘code’:’230107′,’title’:’黑龙江省哈尔滨市动力区’},

{‘code’:’230108′,’title’:’黑龙江省哈尔滨市平房区’},

{‘code’:’230121′,’title’:’黑龙江省哈尔滨市呼兰县’},

{‘code’:’230123′,’title’:’黑龙江省哈尔滨市依兰县’},

{‘code’:’230124′,’title’:’黑龙江省哈尔滨市方正县’},

{‘code’:’230125′,’title’:’黑龙江省哈尔滨市宾县’},

{‘code’:’230126′,’title’:’黑龙江省哈尔滨市巴彦县’},

{‘code’:’230127′,’title’:’黑龙江省哈尔滨市木兰县’},

剩余51页未读，继续阅读

weixin_38734361

粉丝: 6
资源: 904

"身份证号自动输出个人信息功能实现，代码示例：HTML"

PHP（含mysql数据库）获取身份证信息，如身份证号码，获取性别、获取生日、计算年龄、获取地址、获取生肖、获取星座、以及判断是否是身份证号.rar

根据身份证号码获取性别、出生日期、籍贯省市的js示例

编写一个Java程序，键盘输入您的身份证号码，输出您的籍贯、出生年月日和性别。

vue 根据身份证号获取籍贯 省市

从身份证号中提取身份证信息

excel编写函数从身份证号码中获取籍贯信息

excel通过身份证号码查询籍贯

用js写一个身份证号码籍贯

最新资源

vue 根据身份证号获取籍贯省市