通过html在文本框输入身份证自动获取出身日期

可以使用JavaScript来实现在文本框中输入身份证号码后自动获取出生日期。具体实现步骤如下：

1. 在HTML中添加一个文本框和一个按钮。

<input type="text" id="idcard" placeholder="请输入身份证号码">
<button onclick="getBirthday()">获取出生日期</button>

2. 在JavaScript中编写函数getBirthday()，用于获取身份证号码并计算出生日期。函数实现如下：

function getBirthday() {
  // 获取身份证号码
  var idcard = document.getElementById("idcard").value;
  // 身份证号码正则表达式
  var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
  if (reg.test(idcard) === false) {
    alert("身份证号码格式不正确");
    return false;
  }
  // 根据身份证号码计算出生日期
  var birthday;
  if (idcard.length === 15) {
    birthday = "19" + idcard.substr(6, 2) + "-" + idcard.substr(8, 2) + "-" + idcard.substr(10, 2);
  } else if (idcard.length === 18) {
    birthday = idcard.substr(6, 4) + "-" + idcard.substr(10, 2) + "-" + idcard.substr(12, 2);
  }
  // 显示出生日期
  alert("出生日期为：" + birthday);
}

3. 在页面加载完成后，为文本框添加按键事件，当用户按下“Enter”键时，自动调用getBirthday()函数。

window.onload = function() {
  var idcard = document.getElementById("idcard");
  idcard.addEventListener("keydown", function(event) {
    if (event.keyCode === 13) {
      event.preventDefault();
      getBirthday();
    }
  });
}

这样，当用户在文本框中输入身份证号码后，点击按钮或按下“Enter”键，就可以自动获取出生日期了。