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

最新推荐文章于 2024-12-31 14:32:00 发布
最新推荐文章于 2024-12-31 14:32:00 发布
阅读量3.4k 收藏 2
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端开发总结 文章标签： 前端textarea标签在ios端不能输入、操作
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/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 2741
  写移动端项目总有一些兼容性需要我们解决滴，就比如我现在遇到的问题：ios 无法正常在input和textarea上面输入我们需要的内容，而安卓手机是可以正常输入的，一点问题都没有。那么我现在就给大家分享一下如何解决 ios 上面的问题啦。      解决方法：直接在标签中加入style="-webkit-user-select:text !important" contenteditable="true" 这些代码即可。这里举个栗子： <textarea id="test" styl
解决uniapp微信小程序，input框设置了maxlength时，ios在输入时拼音达到了最大长度导致无法继续输入问题
qq_75069372的博客
01-22 1850
解决uniapp微信小程序，input框设置了maxlength时，ios在输入时拼音达到了最大长度导致无法继续输入问题
textarea在ios设备上不能输入的解决办法
nn_nana的博客
02-15 7153
混合开发中遇到的问题，textarea在安卓设备点击可以弹出键盘，正常输入，但是在ios中就不可以； 改的代码如下；                                                加了contenteditable="true"这个，貌似就可以了；
【vue h5 ios14】input / textarea / van-field 获取焦点，输入框未被键盘顶起
qq_34891426的博客
12-31 492
vue h5 iOS14 textarea/van-field 获取焦点 输入框未被键盘顶起
textarea在ios上失效
weixin_33736649的博客
10-17 1786
今天做项目时，h5页面上的有一个textarea输入框，在ios上 发现不能输入了 查看了一下问题发现是因为在公共样式代码中写了如下代码 这个代码是防止用户长按粘贴的 加上这个就会影响ios的input 和textarea -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器*/ ...
ios上textarea不能输入
weixin_30655569的博客
08-20 402
给textarea加上以下属性 -webkit-user-select:text !important 转载于:https://www.cnblogs.com/xjy20170907/p/11383054.html
IOS系统 input / textarea无法输入文字
zxh1101188677的博客
03-18 718
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 776
原来是在写样式上，为了让文本不能选中复制，加入了 * { -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...
Textarea输入字数限制实例(兼容iOS&安卓)
08-30
总之，通过使用`oninput`事件和`substring()`方法，我们可以轻松地在`<textarea>`中实现输入字数限制，同时保证兼容iOS和安卓设备。在实际应用中，开发者应根据项目需求和用户体验来调整和完善这个功能。
react-native 解决ios中部分版本不能输入中文
01-04
在React Native开发过程中，遇到iOS设备上部分版本无法输入中文的情况时有发生。这类问题往往给开发者带来不小的困扰，尤其是在需要用户进行中文输入的应用场景下。本文将详细分析导致此问题的原因，并提供一种有效...
textarea不能通过maxlength属性来限制字数的解决方法
09-04
在Web开发中，`<textarea>`标签用于创建一个多行的文本输入框。与`<input type="text">`不同，`<textarea>`可包含多行文本，并在用户界面上显示为一个可滚动的文本区域。它常用于在线论坛、评论区以及需要用户输入更...
el-input textarea 无法输入内容、就像被锁住了
好好学习，不断总结
11-06 3661
el-input textarea 无法输入内容、就像被锁住了 现象 输入法是可以体现出来的，但是输入完内容就是不进框里面 环境和版本 本文使用的vue和element-ui版本（其它老版本不一定会出现这个问题） “vue”: “2.6.12” “element-ui”: “2.15.1” 解决方案 <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 5}" v-model="temp.content"/> 造成的原因是没有
使用antd mobile TextareaItem在iOS真机上不显示空格
SoulKey的博客
06-07 283
使用antd mobile TextareaItem在iOS真机上不显示空格，安卓正常
解决ios input 和textarea不能输入的问题
i929479824的博客
06-11 3086
尝试了很多方法.只有下面的方法有用.可以试一下. 在 标签里添加: style="-webkit-user-select:text !important"
微信小程序 使用 vant-weapp 组件 van-field 类型为 textarea 在IOS端出现的问题记录
weixin_49993071的博客
03-07 3055
微信小程序使用 vant-weapp 组件 van-field 类型为 textarea 在 IOS 端出现的问题记录
flex导致浏览器对指定站点输入法无法输入中文的问题
aegoose的专栏
04-28 3717
在html中设计div弹方框，并用swfobject方式加载swf，同时设置其params.wmode="opaque", html页面中包括textarea。html加载后，textarea无法输入中文了，无论怎么切换输入法都不可以。同时，访问当前浏览的网站的其他页面的textarea/input，也无法输入中文了。
关于ios输入框无法输入的坑
weixin_40623562的博客
04-20 659
input, textarea { -webkit-user-select: auto; background-color: transparent; border: none; outline: none; } 添加 -webkit-user-select: auto;
解决 TextArea 文本域使用 text-align: justify 在 ios safari 不生效的问题
weixin_40795574的博客
09-13 579
解决 TextArea 文本域使用 text-align:justity 在 ios safari 不生效的问题
在苹果手机ios18系统中，textarea组件光标位置总是在最前面
最新发布
03-14
好的，用户的问题是iOS 18系统中textarea组件的光标总是出现在最前面，需要解决这个问题。我需要先理解这个问题的具体情况，然后找出可能的原因和解决方案。 首先，用户提到的是iOS 18系统，这可能涉及到Safari...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值