html 输入框变红色,input输入框 输入错误时，点击注册按钮，输入框的边框变成红色，重新输入时，边框颜色恢复原来的，同时错误提示消失？...

你可以使用 JavaScript 来实现这个功能。具体步骤如下：

1. 获取输入框的元素，并添加一个事件监听器，监听输入框的输入情况。
2. 在事件处理程序中，如果输入不符合要求，就给输入框添加一个类名，比如 "error"，同时在输入框旁边添加一个错误提示。
3. 如果输入符合要求，就移除 "error" 类名，同时移除错误提示。

以下是一个简单的实现示例：

HTML 代码：

<form>
  <label for="username">用户名：</label>
  <input type="text" id="username" name="username">
  <span class="error-message" id="username-error"></span>
  <br>
  <label for="password">密码：</label>
  <input type="password" id="password" name="password">
  <span class="error-message" id="password-error"></span>
  <br>
  <button type="submit">注册</button>
</form>

CSS 代码：

.error {
  border: 1px solid red;
}

.error-message {
  color: red;
}

JavaScript 代码：

const form = document.querySelector('form');
const usernameInput = document.querySelector('#username');
const passwordInput = document.querySelector('#password');
const usernameError = document.querySelector('#username-error');
const passwordError = document.querySelector('#password-error');

form.addEventListener('submit', (event) => {
  event.preventDefault();
  
  if (usernameInput.value.trim() === '') {
    usernameInput.classList.add('error');
    usernameError.textContent = '用户名不能为空';
  } else {
    usernameInput.classList.remove('error');
    usernameError.textContent = '';
  }
  
  if (passwordInput.value.trim() === '') {
    passwordInput.classList.add('error');
    passwordError.textContent = '密码不能为空';
  } else {
    passwordInput.classList.remove('error');
    passwordError.textContent = '';
  }
});

在这个示例中，我们监听了表单的 submit 事件，并在事件处理程序中对输入框进行了检查。如果输入不符合要求，就给输入框添加一个类名 "error"，同时在输入框旁边添加一个错误提示。如果输入符合要求，就移除 "error" 类名，同时移除错误提示。CSS 样式定义了 "error" 类名下的边框和错误提示的颜色。