在同一表单中以不同ID显示表单输入数据

<form>
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name"><br><br>
  
  <label for="email">邮箱：</label>
  <input type="email" id="email" name="email"><br><br>
  
  <label for="phone">电话：</label>
  <input type="tel" id="phone" name="phone"><br><br>
  
  <button type="button" onclick="displayFormData()">显示数据</button>
</form>

function displayFormData() {
  var name = document.getElementById("name").value;
  var email = document.getElementById("email").value;
  var phone = document.getElementById("phone").value;
  
  document.getElementById("nameDisplay").innerHTML = "姓名：" + name;
  document.getElementById("emailDisplay").innerHTML = "邮箱：" + email;
  document.getElementById("phoneDisplay").innerHTML = "电话：" + phone;
}

<div id="nameDisplay"></div>
<div id="emailDisplay"></div>
<div id="phoneDisplay"></div>