自定义input输入框提示
当我们写登录界面的时候,希望用户名密码为空的时候提示请输入用户名,直接在input标签中加入required="required",但是这样子的提示是这样
那么怎么自定义提示信息呢,很简单,只需要在input标签中加上
oninvalid="setCustomValidity('请输入用户名')"
οninput="setCustomValidity('')"
即可
切记:oninput属性必须添加,否则input输入框第一次为空后,第二次检测不到再次输入的代码,造成提醒信息多次弹出,并无法提交表单。
当你加了oninput提醒信息还是多次弹出时,按ctrl点oninput应该是无法进入的,这时可以ctrl进入oninvalid方法复制里面的oninput,粘贴到标签中即可。