遇到textarea标签不兼容ios，会出现在ios端不能输入

最新推荐文章于 2024-08-20 23:45:00 发布
最新推荐文章于 2024-08-20 23:45:00 发布
阅读量3.2k 收藏 2
点赞数
分类专栏： 前端开发总结 文章标签： 前端textarea标签在ios端不能输入、操作
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/helloworldbey/article/details/85678496
版权

在开发中首次碰到了textarea标签在ios手机，不能输入和操作，在百度上搜了一下，在ios端该标签可能默认设置-webkit-user-select为none，所以需要在该标签的class中将-webkit-select-user设置为auto，另外还是不保险的话就在textarea标签中添加属性contenteditable="true"，这是强制可编辑属性，就算是div设置了该属性都能进行编辑

黑色的祥云
关注
专栏目录
解决 - 解决ios input 和textarea不能输入的问题
sunshime的博客
07-19 2425
  写移动端项目总有一些兼容性需要我们解决滴，就比如我现在遇到的问题：ios 无法正常在input和textarea上面输入我们需要的内容，而安卓手机是可以正常输入的，一点问题都没有。那么我现在就给大家分享一下如何解决 ios 上面的问题啦。      解决方法：直接在标签中加入style="-webkit-user-select:text !important" contenteditable="true" 这些代码即可。这里举个栗子： <textarea id="test" styl
前端在开发混合应用的时候textarea在ios设备中不能输入，失效问题解决方案
姚辉乾
09-14 2822
&lt;textarea type="text" placeholder="这里有哪些亮点和槽点，来谈谈吧……" class="con_comment_input"&gt;&lt;/textarea&gt; 上面的代码在ios里面是不能输入的，加入兼容就行，例如下面代码 &lt;textarea style="-webkit-user-select:auto;" contentedit
小程序textarea在ios中位置偏移
最新发布
weixin_42040328的博客
08-20 306
textarea 在 ios 下 textarea 的 padding 无法置0,模拟器和安卓上显示符合预期，在ios真机上会出现默认的内边距。
textarea在ios设备上不能输入的解决办法
nn_nana的博客
02-15 6988
混合开发中遇到的问题，textarea在安卓设备点击可以弹出键盘，正常输入，但是在ios中就不可以； 改的代码如下；                                                加了contenteditable="true"这个，貌似就可以了；
ios上textarea不能输入
weixin_30655569的博客
08-20 368
给textarea加上以下属性 -webkit-user-select:text !important 转载于:https://www.cnblogs.com/xjy20170907/p/11383054.html
IOS系统 input / textarea无法输入文字
zxh1101188677的博客
03-18 609
IOS系统 input / textarea无法输入文字 问题原因 出现这样的问题，大多因为页面中下面的css样式： *{ -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; use
h5在ios端 input/textarea 输入不了
weixin_44673034的博客
12-02 702
原来是在写样式上，为了让文本不能选中复制，加入了 * { -moz-user-select: -moz-none; -moz-user-select: none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: auto; -ms-user-select: no...
uniapp textarea 输入框 被遮挡问题
以后永远的博客
01-27 1734
问题图片： cursor-spacing = "10"参数值代表距离输入框距离键盘的距离 <textarea auto-height=“true” v-model=“textMsg” @focus=“textareaFocus” @blur=“hideDrawer” cursor-spacing = “10” /> textarea: 官网文档
Textarea输入字数限制实例(兼容iOS&安卓)
08-30
总之，通过使用`oninput`事件和`substring()`方法，我们可以轻松地在`<textarea>`中实现输入字数限制，同时保证兼容iOS和安卓设备。在实际应用中，开发者应根据项目需求和用户体验来调整和完善这个功能。
react-native 解决ios中部分版本不能输入中文
01-04
在React Native开发过程中，遇到iOS设备上部分版本无法输入中文的情况时有发生。这类问题往往给开发者带来不小的困扰，尤其是在需要用户进行中文输入的应用场景下。本文将详细分析导致此问题的原因，并提供一种有效...
textarea换行字符数统计-ios兼容的问题(已angular为例)
HXX548888的博客
08-22 558
【代码】textarea换行字符数统计-ios兼容的问题(已angular为例)
使用antd mobile TextareaItem在iOS真机上不显示空格
SoulKey的博客
06-07 227
使用antd mobile TextareaItem在iOS真机上不显示空格，安卓正常
textarea在ios上失效
weixin_33736649的博客
10-17 1726
今天做项目时，h5页面上的有一个textarea输入框，在ios上 发现不能输入了 查看了一下问题发现是因为在公共样式代码中写了如下代码 这个代码是防止用户长按粘贴的 加上这个就会影响ios的input 和textarea -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器*/ ...
textarea 手机端无法换行_关于textarea提交的内容无法换行的解决办法
weixin_39588104的博客
12-19 382
当我们在页面上通过 textarea 提交数据的时候，我们我们输入的内容在提交后都会被处理为了一段内容，即使我们在 textarea 里面输入了很多的换行，提交后也是一段内容，那如果我们需要将我们输入的信息按照输入的形式保存下来该如何做呢？这里面存在一个主要的问题是在页面显示的时候换行符是 标签，而内容在 textarea 中显示时的换行符是 n ，下面介绍一种方法通过 js 将输入的内容中的换...
解决ios input 和textarea不能输入的问题
i929479824的博客
06-11 3017
尝试了很多方法.只有下面的方法有用.可以试一下. 在 标签里添加: style="-webkit-user-select:text !important"
微信小程序 使用 vant-weapp 组件 van-field 类型为 textarea 在IOS端出现的问题记录
weixin_49993071的博客
03-07 2663
微信小程序使用 vant-weapp 组件 van-field 类型为 textarea 在 IOS 端出现的问题记录
ios下输入法遮住textarea解决方案
qq_18851347的博客
06-23 2865
前段时间做app内嵌h5页面时遇到一个问题,需求背景是这样的：点击底部的发表评论，从底部弹起发表评论输入框（textarea元素） 问题出现了：ios下输入法把textarea遮住了，而且页面上下是可以滚动的。。。 初期解决方案：改变css布局position:fixed; bottom:0; left:0; width:100%;都无效，网上查了很多方案都是千奇百怪，不知所云~ 脑海中思考了
兼容ios上textarea字符数的问题
qq1114565087的博客
06-22 524
在ios上textarea如果使用粘贴会出现换行计算两个字符数,就是/n计算的是两个字符,导致maxlength计算不一致, 这就让电脑上和手机上显示的数量不一致: 使用复制粘贴后(复制刚刚的包含一个换行的输入):为什么显示49是因为粘贴会自动加一个空格所以是49,实际是48个字符无法输入, 电脑上粘贴不会出现maxlength计算错误问题,这就是ios有点坑的地方自己设计的maxlength计算规则却不一致,这不扯吗…无奈只能自己写方法去兼容下,这里说清楚了原因,应该都能写出兼容方法了,我就粘贴个我自己写
uniapp textarea输入时被挡住 ios
08-08
在使用uniapp开发ios应用时，当我们在textarea输入内容时，有时会出现被输入法键盘挡住的情况。这个问题是由于ios对于输入框的默认处理机制所引起的。 为了解决这个问题，我们可以采取以下几种方案来避免textarea被...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值