如何让'email‘输入栏错误信息显示在输入框之外？

<label for="email">Email:</label>
<input type="email" id="email" name="email">
<span id="email-error" class="error-message"></span>

.error-message {
  display: block;
  color: red;
  margin-top: 5px;
}

const emailInput = document.getElementById('email');
const emailError = document.getElementById('email-error');

emailInput.addEventListener('blur', function() {
  if (!isValidEmail(emailInput.value)) {
    emailError.textContent = '请输入有效的邮箱地址';
  } else {
    emailError.textContent = '';
  }
});

function isValidEmail(email) {
  // 邮箱验证逻辑
}