html html5 required自定义提示文本信息

oninvalid="setCustomValidity('提示内容')" : 固定写法-->自定义提示内容
oninput="setCustomValidity('')": 固定写法-->清空上一次提交所输入的内容。

切记:oninput属性必须添加,否则input输入框无法检测再次输入的值,造成提醒信息多次弹出,并无法提交表单。

 <form action="test.php" methods="get" id="test">
    <input type="email" placeholder="请输入您的email" oninvalid="setCustomValidity('请输入合法的邮箱地址')" oninput="setCustomValidity('')" name="emm" id="" autofocus required>
    <input type="submit" value="提交">
 </form>

输入后点击"提交"按钮的效果展示:


WechatIMG118.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。