当输入与pattern属性指定的模式不匹配时,Firefox简单地说:“请匹配请求的格式”,这是可以的;但是,当此验证失败时,Internet Explorer 10将显示“您必须使用此格式:”,在其他任何工具提示中.这可能很简单,但搜索并没有给我一个线索,如何提供文本的工具提示告诉它应该使用的模式.
下面列出一到四位数字的示例:
<input id="institution_threshold_days" type="text" placeholder="0-9999" pattern="^[0-9]{1,4}$" />
尝试使用title属性来描述你想要的内容:
<input id="institution_threshold_days" type="text" placeholder="0-9999" pattern="^[0-9]{1,4}$" title="Please enter a number less than 10000." />
应该适用于所有主流浏览器…
the content of the title attribute is both shown as tooltip text for
the field and appended to the generic pattern mismatch error message.
Use the title attribute to describe the pattern to help the
user.
尽管我找不到官方文档,但它似乎也可以在Chrome中使用.