textarea文字怪异的居中

最新推荐文章于 2024-03-05 17:10:21 发布

转载最新推荐文章于 2024-03-05 17:10:21 发布 · 716 阅读

文章标签：

#html #google #数据库 #浏览器

javascript 专栏收录该内容

3 篇文章

订阅专栏

本文解决了一个关于HTML中textarea元素导致输入内容前出现多余空格的问题。通过调整textarea标签的使用方式，避免了每次提交表单时自动添加空格的情况。

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

问题描述：表单提交后发现内容前多了很多空格，而且每次更新表单提交都会有空格增加。后来发现，每次文字从数据库读到textarea后文字都不居左。在排出样式，转义字符等问题后，baidu,google了一会始终没找到答案。后来发现原来问题处在HTML上

上面这句看似格式漂亮的HTML语句在textarea下确是有问题的。浏览器会解析为

可见在写<textare>要写成
<textarea> 内容内容</textarea>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

icecreamchen

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

前端基础总结--CSS

chenyouleww的博客

07-08

687

前端 1.1前端方向所谓前后端本身就是 Web 开发中，为了区分在服务器上运行的和在浏览器上运行的东西而出现的定义。前端开发的体系划分，在我看来，就是两种，第一种就是ui实现的，不重业务逻辑，动态交互的。第二种就是各种业务逻辑，动态交互，数据处理的。这是很明显区分你要做什么任务，以及开发时的顺序的。一般的我们说前端都是小前端，就是web端。大前端一般是指web端，小程序端，移动端（Android，iOS），Windows端，macOS端，Linux端 1.2前端的技术前端能做什么？前端能做你上网

移动端 h5开发相关内容总结——CSS篇

强子的专栏

01-06

3万+

1.移动端开发视窗口的添加h5端开发下面这段话是必须配置的<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">其它相关配置内容如下： width viewport 宽度(数值/device-width) height viewport 高度(数值/device-height) in

参与评论您还未登录，请先登录后发表或查看评论

textarea文字怪异的居中让我头疼了半小时

Alex_wang58

08-24

2953

问题描述：表单提交后发现内容前多了很多空格，而且每次更新表单提交都会有空格增加。后来发现，每次文字从数据库读到textarea后文字都不居左。在排出样式，转义字符等问题后，baidu,google了一会始终没找到答案。后来发现原来问题处在HTML上内容内容上面这句看似格式漂亮的HTML语句在textarea下确是有问题的。浏览器会解析为

有时候在textarea中显示的数据页面显示总是不能顶头，开头总是有几个空格

dongpigu的博客

12-15

680

代码如下：解决方法：你会发现我根本就没有修改代码只是将他们写成一行，在页面上显示开头就没有空格了按道理说我们在编码时候有编码的格式，适当的使用换行和回车对页面的显示效果是没有影响，但是在这里面却影响了页面的显示，而且问题不容易发现...

textarea 单击输入时标点不在第一个字符的位置

Lucas_up的博客

12-12

1464

这是原先的写法改正后总结：他们的标签之间不留空格就可以了

textarea光标不在初始位置显示

月落星河

06-26

1376

出现这种情况，我们要注意的是中间的内容不能有空格。

关于TEXTAREA控件在显示内容时，只显示第一行的问题。

weixin_30660027的博客

09-08

462

在用TEXTAREA控件在页面上显示内容时，有时候会遇到这个问题： “ 明明控件的值是多行，但在页面上却只显示出了第一行内容。” 此问题比较BT，据说是IE的一个BUG。解决方法： 1。可以用这种方式绑定控件内容<!<TextArea id=“Content“><%= myContent%></TextArea>--> ...

css学习

weixin_68658847的博客

09-03

773

基础css学习

CSS基础标签.md

04-14

- **怪异盒模型**：实际宽度 = `width`，内容区域宽度 = `width - left border - right border - left padding - right padding`。 - **行内盒模型**：涉及垂直对齐(`vertical-align`) 和水平对齐(`text-align`)。 ...

最新Web前端面试题精选大全及答案

热门推荐

HanXiaoXi_yeal的博客

01-07

19万+

解决textarea默认鼠标不是从左上角开始的问题

a631373000的专栏

07-25

4912

很简单，html代码中这样就没有这样就有，所以就是不要有空格就好啦

html忽略换行符,HTML textarea忽略第一个换行符，为什么？

weixin_42467374的博客

06-07

325

如果可能的话，改变你的代码有textarea的预先定义为HTML，那么这样写不是字符串：HTML：脚本：document.getElementById('test').innerHTML = '\nhello\nbabe\n';这应该保留空格。您也可以选择添加CSS规则：textarea {white-space:pre;}更新：OP在IE8测试此不工作 - 这似乎是一个限制/这个浏览器的错误。如...

多行文本文本输入框 textarea 可点击任意地方输入文字而不是只能在开头输入的问题

weixin_38203203的博客

08-21

1392

问题如图:textarea可以点击任意地方编辑原因:textarea标签之前有空隙改成下图这样就可以了:

textarea输入框光标定位问题

李永宽的专栏

05-21

4292

textarea输入框光标定位问题　　　１今天出

如何设置textarea光标默认为第一行第一个字符

a980895473的博客

07-15

1363

判断文本区是否有内容，如果没有那么光标肯定是在第一行第一个为止的，记住，空格回车也算是有内容在的，也会影响光标的位置转载于:https://www.cnblogs.com/s-y-l/p/3190563.html...

[HTML]解决textarea光标初始位置没有在最左上角的问题

Balmunc的专栏

04-24

1万+

<textarea></textarea>之间不能有任何的换行、空格

textarea标签点击后自动第一位开始输入_Chrome插件第二弹：开始动手！

weixin_39710966的博客

12-16

697

之前写过一篇文章：LeoNaN：利用chrome扩展，让浏览器执行我们的脚本zhuanlan.zhihu.com讲的是怎么把js打包成chrome插件。然后有同学来问，那脚本怎么写～emmm。。。大概就描述一下，写给没有基础的同学～首先呢，建议同学们看看这个，大概了解下HTML、JS、CSS都是干什么的：LeoNaN：HTML5初窥一：HTML、CSS、JS都是啥？zhuanlan.zhihu...

微信小程序textarea 加上auto-height=“true“的时候显示不全底部的文本被盖住或者顶部的文本被盖住

qq_27806371的博客

03-05

710

微信小程序textarea 加上auto-height="true"的时候显示不全底部的文本被盖住或者顶部的文本被盖住

让HTML的textarea输入框前的文字，在输入框的顶部对齐

u013455166的专栏

02-04

9697

在使用html中的textarea标签是，如果前面有文字则默认是文字在输入框的底部对齐的，例如：个人简介：<textarea name="summary" rows="7" cols="90"></textarea> 产生的效果是：如何让输入框前面的文字，在顶部对齐呢？可以将上述代码改为： <span style="vertical-align:t...

textarea 文字居中