validator表单验证样式

以下是一个简单的表单验证样式，你可以根据需要进行样式的修改：

input {
  border: 2px solid #ccc;
  border-radius: 4px;
  padding: 10px;
  margin: 10px;
  width: 100%;
}

input:focus {
  border-color: #2ecc71;
}

label {
  font-weight: bold;
}

.error-message {
  color: #e74c3c;
  font-size: 12px;
  margin-top: 5px;
}

在表单中，你可以使用以下类来显示错误信息：

<label for="my-input">输入框</label>
<input type="text" id="my-input" name="my-input" required>
<div class="error-message">请输入正确的值</div>

当用户提交表单时，你可以使用 JavaScript 来检查输入值是否有效，并在需要时显示错误消息。