自定义input输入框提示

当我们写登录界面的时候，希望用户名密码为空的时候提示请输入用户名，直接在input标签中加入required="required"，但是这样子的提示是这样

那么怎么自定义提示信息呢，很简单，只需要在input标签中加上

oninvalid="setCustomValidity('请输入用户名')" 

οninput="setCustomValidity('')"

即可

切记：oninput属性必须添加，否则input输入框第一次为空后，第二次检测不到再次输入的代码，造成提醒信息多次弹出，并无法提交表单。

当你加了oninput提醒信息还是多次弹出时，按ctrl点oninput应该是无法进入的，这时可以ctrl进入oninvalid方法复制里面的oninput，粘贴到标签中即可。