将属性添加到联系人表单7中的HTML标记

时间：2013-03-15 作者：Stephen

我想验证电话号码，并确保用户输入所有10位数字。这可以使用HTML5模式atribute完成：

<input pattern=".{10,}" title="10 characters minimum">
如何将此模式属性添加到联系人表单7中的输入标记中？

这是手机号码输入快捷码的外观：

[text* mobile id:field-mobile]

1 个回复
最合适的回答,由SO网友:Grant Palin 整理而成

您可以使用tel 执行此操作的快捷码：

[tel* id:field-mobile 10/10 "placeholder text"]
这就提出了浏览器支持的问题；如果使用中的浏览器不支持tel 输入类型，它将返回到纯文本字段。

资料来源：http://contactform7.com/text-fields/ （页的一半）

结束
标签： plugin-contact-form-7   小码农  

相关推荐

将属性添加到联系人表单7中的HTML标记 - 小码农CODE - 行之有效找到问题解决它

将属性添加到联系人表单7中的HTML标记

时间：2013-03-15 作者：Stephen

我想验证电话号码，并确保用户输入所有10位数字。这可以使用HTML5模式atribute完成：

<input pattern=".{10,}" title="10 characters minimum">
如何将此模式属性添加到联系人表单7中的输入标记中？

这是手机号码输入快捷码的外观：

[text* mobile id:field-mobile]

1 个回复
最合适的回答,由SO网友:Grant Palin 整理而成

您可以使用tel 执行此操作的快捷码：

[tel* id:field-mobile 10/10 "placeholder text"]
这就提出了浏览器支持的问题；如果使用中的浏览器不支持tel 输入类型，它将返回到纯文本字段。

资料来源：http://contactform7.com/text-fields/ （页的一半）

标签： plugin-contact-form-7   小码农  

相关推荐