欢迎!从2017年开始,将慢慢的不在xmind上写总结了,全部转到博客中!这里将不再随便写写,将继承在xmind的精神,继续前行!!!

手机端 当输入手机号的时候 执行弹出数字键盘

手机端 当输入手机号的时候  执行弹出数字键盘,这是很好的用户体验!

实现也很简单!我是用ios手机测试后 才做的总结。

<ul class="loginInput">
        <li><input type="text" id="name" value=""  placeholder="请输入您的姓名"/></li>
        <li><input type="tel"pattern="\d*"/ id="tel" value=""  placeholder="请输入您的手机号"/></li>
        <li><input type="number" pattern="\d*"/ id="cont" value=""  placeholder="请输入验证码"/></li>
        <div class="yzm" id="yzm">获取验证码</div>
    </ul>
pattern="\d*"/  这是实现的关键!!!
posted @ 2017-03-02 16:52  拐进web的奋斗者  阅读(2193)  评论(0编辑  收藏  举报