在input里面IOS怎么调用九宫格数字键盘

在input里面IOS怎么调用九宫格数字键盘,第1张

html 是通过input标签的type属性来触发不同的键盘类型的。

常用的type是text和password,即:

账户:<input type="text" value="" />

密码:<input type="password" value="" />

触发移动设备上的数字键盘搜索,就需写成:

<input type="number" pattern="[0-9]*">

<input type="number" value="" />

<input type="tel" value="" />

触发邮件键盘(键盘上带有“@”符号可输入),就写成:

<input type="email" value="" />

需要进行内容搜索,就写成:

<input type="search" value="" />

以上仅仅是列举了一些常用的,大多都得不到浏览器(或者App里的webview)的支持,也就不推荐使用了。

不会做手机的,做了个电脑上能用的...

<script>

function demo(obj,tip){

if(tip==1){

var con=document.getElementById('content').value

document.getElementById('content').value=con+obj.innerHTML

}else if(tip==2){

document.getElementById('content').value=""

}else if(tip==3){

var con=document.getElementById('content').value

document.getElementById('content').value=con.slice(0,-1)

}

}

</script>

<button onclick="demo(this,1)">7</button>

<button onclick="demo(this,1)">8</button>

<button onclick="demo(this,1)">9</button>

<br>

<button onclick="demo(this,1)">4</button>

<button onclick="demo(this,1)">5</button>

<button onclick="demo(this,1)">6</button>

<br>

<button onclick="demo(this,1)">1</button>

<button onclick="demo(this,1)">2</button>

<button onclick="demo(this,1)">3</button>

<br>

<button onclick="demo(this,2)">C</button>

<button onclick="demo(this,1)">0</button>

<button onclick="demo(this,3)">X</button>

<br>

<input type="text" id="content" />


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7304056.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-04
下一篇 2023-04-04

发表评论

登录后才能评论

评论列表(0条)

保存