Textarea输入字数限制实例(兼容iOS&安卓)
最近在做一个微信公众号的页面,其中有对textarea做输入字数限制,而且需要兼容iOS和安卓手机,
下面直接贴代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>textarea输入字数限制(兼容ios和安卓)</title> </head> <body> <!-- 最多输入10个字 --> <textarea placeholder="请输入家庭地址(必填)" rows="2"></textarea> <textarea placeholder="请输入家庭地址(必填)" rows="2"></textarea> <textarea placeholder="请输入家庭地址(必填)" rows="2"></textarea> <textarea placeholder="请输入家庭地址(必填)" rows="2"></textarea> <textarea placeholder="请输入家庭地址(必填)" rows="2"></textarea> <textarea placeholder="请输入家庭地址(必填)" rows="2"></textarea> <script> var textarea = document.getElementsByTagName('textarea'); for (var i = 0; i < textarea.length; i++) { textarea[i].oninput = function() {//注意,这里要用oninput,不要用onkeyup,否则iOS系统不支持 this.value = this.value.substring(0, 10); } } </script> </body> </html>
遇到的坑:刚开始用onkeyup,发现iOS系统不支持,改用oninput,测试OK。
(资源库 www.zyku.net)
上一篇:html中实现数据的显示和隐藏
栏 目:HTML/Xhtml
下一篇:div去除点击出现蓝框的方法
本文标题:Textarea输入字数限制实例(兼容iOS&安卓)
本文地址:https://www.zyku.net/xhtml/1467.html
您可能感兴趣的文章
- 06-26jquery 显示隐藏input输入框
- 03-31JS解决移动web开发手机输入框弹出的问题
- 02-23DedeCMS自定义多行文本字段限制显示字数的标签
- 02-22DedeCMS栏目关键词和内容关键词字数限制的解决方法
- 02-22DedeCMS软件模型的软件描述字数限制的解决方法
- 04-24Radio选项选中触发事件弹出输入框效果
- 11-11小米11ultra通话录音在哪里
- 11-16sony耳机蓝牙配对苹果手机方法介绍
- 12-14HTML <tbody> 标签
- 10-23真我q3s如何启用定时开关机
- 12-29安全扫描王pro-安全扫描王pro应用软件
- 02-21DedeCMS列表页及内容页模板调用文章评
- 07-15帝国cms通过会员组的ID来判断用户类型
- 02-19SiteServer CMS目录权限设置
- 03-25fastadmin Nginx伪静态规则配置方法
- 08-10touchretouch抠图神器保存图片技巧
- 06-17帝国CMS7.5版新增会员管理组,可对前台
- 12-30唐旅畅行-唐旅畅行应用软件功能介绍
- 10-19Microsoft SQL Server 2014数据库64位
- 04-24Python程序转化为可执行程序

最近更新
阅读排行
猜你喜欢
- 02-23DedeCMS从根目录移动到二级目录的方法
- 09-18微信视频号点赞动态查询教程
- 09-09使用JS将当前html网页导出为pdf教程
- 08-19卡片日记备份设置教程介绍
- 12-06iphone13promax添加小组件方法介绍
- 07-24jQuery Migrate 插件用法
- 10-29抖音作品仅自己可见方法介绍
- 10-11苹果13promax杜比全景声怎么开
- 11-17QQ音乐宠物背景动画在哪里关闭
- 11-01OPPOreno7怎么开启微信视频美颜