电话号码的html输入模式 [英] html input pattern for phone number

问题描述

我需要这样一个模式[081 222 2224]，数字限制为10 ..
这是我的尝试

I need a patter like this [ 081 222 2224 ] with digits limit of 10 .. This is my try

    <form action="" method="post" id="cusCreate" autocomplete="off">
      <input type="tel" name="telphone"  pattern="[0-9]{10}"  title="Ten digits code" required/>    
      <label style="font-size:9px;padding-left:20px"> Eg : 081 222 2224  </label> 
      <input type="submit" value="Submit"/>
   </form>

http://jsfiddle.net/hbmhjt0r/

推荐答案

您可以通过以下更改实现您的结果code ::

you can achieve your result with below changes in your code::

<form action="" method="post" id="cusCreate" autocomplete="off">
      <input type="tel" name="telphone" placeholder="888 888 8888" pattern="[0-9]{3} [0-9]{3} [0-9]{4}" maxlength="12"  title="Ten digits code" required/>    
      <label style="font-size:9px;padding-left:20px"> Eg : 081 222 2224  </label> 
      <input type="submit" value="Submit"/>    </form>

供您参考点击这里

JSFiddle Demo

这篇关于电话号码的html输入模式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！