Input Safari HTML5验证不需要';与模式属性一起使用时,不显示输入标题

Input Safari HTML5验证不需要';与模式属性一起使用时,不显示输入标题,input,safari,html5-validation,safari-11,Input,Safari,Html5 Validation,Safari 11,我使用HTML5表单验证来检查用户输入的各个字段,如下面这个简单的邮政编码字段: <input id="zip" type="text" pattern="[0-9]{5}" title="e.g., 12345" required /> 在基本上所有支持的浏览器中-Chrome、Firefox、Opera、Edge,甚至IE11-如果用户的输入与模式不匹配,则标题属性的文本将显示为提示。例如,在Chrome中,会显示以下消息: 请匹配请求的格式:例如12345 但Safari

我使用HTML5表单验证来检查用户输入的各个字段,如下面这个简单的邮政编码字段:

<input id="zip" type="text" pattern="[0-9]{5}" title="e.g., 12345" required />

在基本上所有支持的浏览器中-Chrome、Firefox、Opera、Edge,甚至IE11-如果用户的输入与
模式
不匹配,则
标题
属性的文本将显示为提示。例如,在Chrome中,会显示以下消息:

请匹配请求的格式:例如12345

但Safari只是说:

匹配请求的格式

…同时忽略
title
属性,因此它实际上没有说明请求的格式


有没有办法让Safari显示
title
属性,或者我可以让它显示一个提示,指示请求的格式是什么?

不完全是一个修复方法,但我发现解决这个问题的方法是使用
oninvalid
属性,这要感谢我找到的这个回复

我还意识到Safari确实会显示标题工具提示,但前提是您将鼠标悬停在输入字段上,而不是显示带有验证消息的标题。
希望这个答案有帮助。

您能解决这个问题吗?我在Safari 13中也看到了同样的问题