本文介绍了如何在H5项目中实现自定义键盘，以替代系统默认键盘，适用于身份证号、车牌号等特殊输入场景。文章详细讲解了html文件设置、js文件引入、初始化方法以及运行效果，提供了完整的代码示例。
HTML5实现自定义键盘及使用
点击上方“技术支持联盟”，选择“置顶公众号”
第一时间了解程序员大小事儿
作者: 百香果，一个坚持认为Coding能改变世界的程序猿，喜欢分享，望互相学习指正，博客地址：www.devmajun.com。
01
现状
在 H5 项目中，我们会经常遇到页面中身份证号、车牌号、车架号等输入时，在 input/textarea 输入框获取焦点时，会自动触发手机默认键盘弹起，输入内容，但是用户可能会输入数字、字符、汉字等，并不符合常理，这时就需要我们前端人员做好js验证，录入大写英文与数字相对麻烦，同时用户输入时也容易输入错误数据，导致通不过系统的校验，比如要求输入身份证号时，只能由数字和X组成且是18位。
软键盘使用的几种方法：
１：使用系统自带键盘
２：使用用户自定义的键盘来取代系统自定义的键盘
３：让自定义的键
最低0.47元/天 解锁文章
1773
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
