textarea的一个小问题

最新推荐文章于 2024-04-09 19:55:52 发布
原创 最新推荐文章于 2024-04-09 19:55:52 发布
· 375 阅读 · 0 ·
版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#textarea #前端 #html #鼠标光标位置

本文介绍了一种在textarea中遇到的奇怪现象，即光标在输入时不显示在预期位置的问题，并给出了具体的解决方案。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

今天在写网页的时候发现了一个很有趣的现象和大家分享一下，如图：

 

 

 

 

 

 

 

 

 

我们发现鼠标光标位置不在最开始的地方，消失不见了，刚刚开始以为是padding或者margin的问题，后来排除了，百思不得其解的时候发现自己的html可能有问题：

 

 

textarea中有空格改成

 

就解决啦

css textarea美化,[转载]一些 textarea 样式
weixin_42297675的博客
08-04 3550
R: #004824;SCROLLBAR-SHADOW-COLOR: #004824;SCROLLBAR-3DLIGHT-COLOR: #004824;SCROLLBAR-ARROW-COLOR: #00fc00;SCROLLBAR-TRACK-COLOR: #4848fc;SCROLLBAR-DARKSHADOW-COLOR: #004824;SCROLLBAR-BASE-COLOR: #004...
textarea光标定位在最后
08-28
textarea光标定位在最后，就是往textarea中赋值时候，光标自动移到最后。
关于textarea的相关实践
致力于成为web大大滴前端
11-26 254
日前在web移动端书写一个高宽自适应的文本输入框，并且具有跟随手指移动而移动。 问题：宽度自适应实现不了。 上代码： 相关css为: display: block; max-width:12rem; max-height: 12.5rem; text-align: left; background-color: inherit; font-size: 0.85rem;
关于ie8下disabled属性：字体颜色问题
weixin_30608131的博客
01-08 498
在ie8下，input/textarea输入框如果使用disabled属性，字体的颜色会变灰，这时我们可以使用另一种方法实现它。 不使用disabled，用readonly代替： input[readonly],textarea[readonly]{　　background:#CCC; 　　　　　　　　//颜色按实际需求调整　　color:#000;　　　　　　　　　　　　　　//...
textarea光标不在初始位置显示
月落星河
06-26 1369
出现这种情况，我们要注意的是中间的内容不能有空格。
文本域(Textarea)背景的美化
中原一点红博客
09-22 6232
经常浏览网站进出论坛，新闻评论的朋友大都看到过这个漂亮的美化的文本域(Textarea)背景。短短几行代码表达的效果却非常的大，让访客不自觉地就能加深对网站的视觉印象，从而更好地做到宣传的目的，也同时美化了单调的文本域(Textarea)背景。文本域背景美化（添加文本域背景图片）展示效果代码如下：<style type=”text/css”><!–.textfield {widt...
微信小程序textarea 问题处理
03-29
就是一个页面可以多多个商品进行评价，每个写具体评价的位置是一个textarea。使用微信小程序开发公司调试是没有问题的，但是在手机端调试就有问题。  (此图片来源于网络，如有侵权，请联系删除! )  就是textarea不...
微信小程序 textarea 层级过高问题简单解决方案
10-16
在微信小程序中，textarea是一个标准组件，用于提供一个多行的文本输入控件，但有时用户在使用时会遇到层级过高导致无法正常显示或者交互的问题。 在微信小程序的视图层，所有元素都是基于Web标准的WXML语言进行...
微信小程序 textarea 简易解决方案
03-29
微信小程序中textarea没有bindchange事件，所以无法在输入时给变量赋值。 虽然可以使用bindblur事件，但是绑定bindblur事件，如果再点击按钮，则先执行完按钮事件后，再去执行bindblur事件，所以在js文件取不到输入...
动态调整textarea中字体的大小代码
10-29
代码中使用了一个元素来创建一个下拉列表，并通过onchange属性触发一个JavaScript函数，<textarea>元素则作为用户输入内容的区域。 2. JavaScript与DOM交互：通过JavaScript脚本对DOM进行操作，实现从下拉列表中...
表单美化之textarea文本域背景的美化.rar
07-05
表单美化之textarea文本域背景的美化
为textarea添加背景
12-07
为textarea添加背景 构造文本组件并使之透明 构造一个背景JPanel 将滚动组件加入 将背景组件加入窗体
textarea 样式
03-05
css textarea textarea 样式
javascript经典特效---对textarea框的代码调试-简单型.rar
03-08
对textarea框的代码调试-简单型.rar对textarea框的代码调试-简单型.rar对textarea框的代码调试-简单型.rar对textarea框的代码调试-简单型.rar对textarea框的代码调试-简单型.rar对textarea框的代码调试-简单型.rar
效果超酷的textarea的输入字数限提示
06-23
非常推荐的效果超酷的textarea的输入字数限提示
美化<textarea>只需两步！~
iteye_11076的博客
05-19 1251
去掉其余3条边框 .smallInput{background:#ffffff;border-bottom-color:#ff6633; border-bottom-width:0px;border-top-width:0px;border-left-width:0px;border-right-width:0px; solid #ff6633; color: ...
element-textarea,滚动条样式更美观.
Backbody_的博客
03-09 2530
element-textarea,滚动条样式更美观.
如何修改滚动条的样式更为美观？比如textarea的滚动条。
Vgbire的博客
06-05 4114
    在一次开发在线聊天室时，发表内容使用textarea标签，但是当文字过多时，原生的滚动条实在太难看了。 <div class="content"> <textarea ref="input" v-model="content" autocomplete="off" class="input" rows="4"></textarea> </div>    &nb
CSS-文本域和输入框美化处理、文字和图片对齐、文字超出文本域以省略号显示、magin的运用
好看的皮囊千篇一律，有趣的灵魂万里挑一。
04-09 1761
文本域和输入框美化处理、文字和图片对齐、文字超出文本域以省略号显示、magin的运用
微信小程序 textarea 默认高度问题
最新发布
03-09
### 微信小程序 `textarea` 组件默认高度设置 在微信小程序中，`textarea` 组件的高度可以通过 CSS 和属性来控制。对于希望调整 `textarea` 高度的情况，可以采用如下几种方式： #### 使用固定高度 通过设定固定的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值