input - Safari HTML5 验证与模式属性一起使用时不显示输入标题

Question

我正在使用 HTML5 表单验证来检查用户输入的各个字段，例如这个简单的邮政编码字段：

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

在基本上所有支持的浏览器中——Chrome、Firefox、Opera、Edge，甚至 IE11——如果用户的输入与 不匹配pattern，属性的文本title将作为提示显示。例如，在 Chrome 中，会显示以下消息：

请匹配请求的格式：例如，12345

但 Safari 只是说：

匹配请求的格式

...同时忽略title属性，因此它实际上并没有说明请求的格式是什么。

有什么方法可以让 Safari 显示该title属性，或者有什么替代方法可以让它显示一个提示，指示所请求的格式是什么？

Answer 1

不完全是一个修复，但我发现这个问题的解决方法是使用oninvalid属性，感谢这个回复，我找到了https://stackoverflow.com/a/12364405

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