HTML5 中输入模式属性的“标题”的替代方法是什么？答案

【问题标题】：What is/are the alternative for 'title' for pattern attribute for input in HTML5?HTML5 中输入模式属性的“标题”的替代方法是什么？
【发布时间】：2014-07-06 19:10:04
【问题描述】：

我在HTML5 specification 中读到不鼓励使用title。

注意：目前不鼓励仅依赖 title 属性，因为许多用户代理并未按照本规范的要求以可访问的方式公开该属性（例如，需要鼠标等指点设备导致出现工具提示，其中不包括仅使用键盘的用户和仅使用触摸的用户，例如使用现代手机或平板电脑的任何人。

这是我的代码：

<input type="text" name="em" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" title="email format">

在手机和平板电脑上，很难显示工具提示，因为必须将鼠标悬停在那里。

在 HTML5 中，对于 pattern 属性对于 input 元素使用 title 的替代方法是什么？

【问题讨论】：

我不明白你的问题。如果它应该被解读为“在 HTML5 中使用title 属性的input 元素的替代方法是什么？”但是，答案将是：带有 onmouseover 和 onclick 事件的自定义工具提示。如果您对此感兴趣，请参阅我对this question 的回复。
@rink.attendant.6 移动设备或平板电脑用户无法将鼠标悬停，因此我要求提供替代方案。您分享的链接对我有帮助。

标签： regex html validation input title

【解决方案1】：

标题的替代品是占位符，它是输入元素下方的灰色文本。

<input placeholder="email format"/>

http://jsfiddle.net/3dZ7Z/

【讨论】：

我想使用除占位符之外的东西；例如，如果您希望用户输入应该是特定模式，例如 B+ 的血型，这里我必须向用户显示“输入字符和符号”不在输入框中的消息（占位符在输入框中显示），附近的输入框，然后呢？

【解决方案2】：

触摸屏设备（如手机和平板电脑）可能不需要工具提示，图标或点击导航到新屏幕可能会有所帮助

【讨论】：