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
您可能感兴趣的文章
- 02-29百度编辑器(ueditor)自动排版首行缩进四
- 11-28pre 标签内容自动换行的方法
- 03-11form表单提交时,action url中参数无效
- 08-29Google AdSense 网页级广告的代码添加
- 06-15HTML/CSS:div居中和div内部元素垂直居
- 03-16div中文字内容溢出常见的解决方法
- 05-28HTML中meta的作用
- 03-17Bootstrap表格制作代码
- 04-26超链接 a href 通过post方式提交表单
- 06-17html中实现数据的显示和隐藏
- 07-07Textarea输入字数限制实例(兼容iOS&安
- 12-27HTML网页特殊符号代码大全