textarea多行文本域不可编辑状态下的文本越界问题

我在textarea中输入了多行文本,然后将其变成不可编辑的状态,文本因为换行的原因跳出文本框内,怎么解决???

0

5个回答

你的textarea指定高度?

1
qq_26320085
苏雪夜酒1991 谢谢了,已解决,问题就是出在那里!!!
接近 2 年之前 回复
qq_26320085
苏雪夜酒1991 回复小雷震天: 好的
接近 2 年之前 回复
u010485304
小雷震天 回复苏雪夜酒1991: <textarea style="overflow-y:scroll"></textarea>你先试一试效果,好久没写过
接近 2 年之前 回复
qq_26320085
苏雪夜酒1991 强制显示滚动条怎么实现的???
接近 2 年之前 回复
u010485304
小雷震天 回复小雷震天: 或者指定了高度,强制显示滚动条。你实验下吧
接近 2 年之前 回复
u010485304
小雷震天 回复苏雪夜酒1991: 不指定高度就行了啊
接近 2 年之前 回复
qq_26320085
苏雪夜酒1991 我刚调查到,是因为指定了高度的原因,正在考虑怎么让它的高度随着值的变动而变动
接近 2 年之前 回复

textarea不是会有滚动条的?

1
u010715243
Luke880 回复苏雪夜酒1991:私信聊吧
接近 2 年之前 回复
qq_26320085
苏雪夜酒1991 回复Luke880:这个是不可编辑状态下的页面,大神请教了
接近 2 年之前 回复
u010715243
Luke880 回复苏雪夜酒1991: 或者可以发个图片上来看看,页面效果跟代码
接近 2 年之前 回复
u010715243
Luke880 回复苏雪夜酒1991: 你们的不可编辑是怎么做的?
接近 2 年之前 回复
qq_26320085
苏雪夜酒1991 回复Luke880: 是我没说清楚,我说的越界就是在不在编辑的状态下,那些文本跑出了text area 控件
接近 2 年之前 回复
u010715243
Luke880 回复苏雪夜酒1991: 你确定你的内容还是在textarea里面?
接近 2 年之前 回复
qq_26320085
苏雪夜酒1991 回复Luke880: 我是在公司做项目遇到的问题,项目中如果是处于不可编辑的状态是没有滚动条的。。。
接近 2 年之前 回复
u010715243
Luke880 回复苏雪夜酒1991: 你所说的越界是看不到了吧
接近 2 年之前 回复
u010715243
Luke880 回复苏雪夜酒1991: 只读也是有滚动条的啊
接近 2 年之前 回复
qq_26320085
苏雪夜酒1991 是有滚动条的,但是那是在可编辑的状态下,现在是不可编辑的状态,所有以前编辑的内容出现了越界的情况。。。
接近 2 年之前 回复

同问,来学习来了,看看有没有老司机带路

0

图片说明

0

设置滚动条,宽度,高度,一些属性的问题?

0
qq_26320085
苏雪夜酒1991 嗯嗯,问题已解决,谢谢关心
接近 2 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
如何设置textarea文本框中的内容为只读不可修改状态
设置&amp;lt;textarea&amp;gt;文本框中的内容为只读不可修改状态,只需要加入disabled或readonly即可nnn&amp;lt;textarea name=&quot;qualification&quot; id=&quot;qualification&quot; cols=&quot;29&quot; rows=&quot;3&quot; onblur=&quot;textOnBlur();&quot; disabled&amp;gt;&amp;lt;/textarea&amp
用ligerui的textarea直接设置值无法设置
html>nlang="en">nn {include file="public/head" /}nnstyle="padding:10px">nid="form1">nnnnid="spec_item_text">{$data.spec_item}ntype="text/javascript">n var fields=[n { display: "规格编码", nam
html5设置textarea不可拖动
在默认的情况下,我们会用到textarea 进行多文字的输入,但是有的时候不加限制的话,会出现如下情况 nnnn nn nn nn nn这样就很丑了,现在我们可以这样nnn&amp;lt;textarea style=&quot;resize:none;&quot;&amp;gt;&amp;lt;/textarea&amp;gt;nn设置它的样式后,它可以进行输入,但是不能进行拖动了...
textarea文本域的滚动条设置
&amp;lt;html&amp;gt; &amp;lt;head&amp;gt;  &amp;lt;title&amp;gt;测试编码&amp;lt;/title&amp;gt;  &amp;lt;script&amp;gt;     &amp;lt;/script&amp;gt; &amp;lt;/head&amp;gt; &amp;lt;body&amp;gt;    &amp;lt;!--  要设置textarea文本域的滚动条是否开启,使用style.overflow-x属性来控制。如:如果要隐藏
CSS——textarea多行文本框禁止拖动问题解决
很简单:rntextarea{rnresize:none;rn}rnrnrn就OK了!!!
textarea多行文本框换行保存和展示数据
在微信公众号开发自定义推送关注通知内容时,遇到的问题进行总结。nnnn首先我们看下数据库对换行符的操作nn数据库会过滤掉换行符号\nnnnnUPDATE weixin_concern_notice SET notice_content ='哈哈哈,\n嘿嘿嘿!' where id='0afee4f0d29c4a2bb1a7ff52e64da53b';nnnn结果:哈哈哈,嘿嘿嘿!nnnn某些需求时...
textarea禁止拉伸和禁止编辑
一、textarea禁止拉伸方法:n设置style:“ resize:none;”n// 禁止拉伸代码n &amp;lt;textarea style=&quot;resize:none;&quot; &amp;gt;自己设置宽高即可&amp;lt;/textarea&amp;gt;nn效果:nn二、textarea禁止编辑方法:n(1)设置模式为只读 :readonlyn//readonly 可复制不可编辑n &amp;lt;textarea type=...
使用多行文本Textarea大小设置与resize属性结合使用
在此文中,我将和大家分享一下多行文本区域大小的设置和resize学习时记录的一点东西,希望对新手朋友有用。rn rn一、不为设置宽高属(此时浏览器显示的文本框宽高属性为其默认值)rnrnrnrn rn1、谷歌、360浏览器rn在chrome和360chrome浏览器中,不设置浏览器会选择其自身默认的文本框大小显示内容,在没有设置属性的条件下,只能把文本区域在默认大小基础上利用鼠标拖动使显示区域变大
Html中让表单、文本框、文本域、按钮等不可编辑,只读的方法
在我们写Html的时候,我们希望表单中的文本框是只读的,只需要显示信息就足够了,rnrn如使 的内容不可以修改。有如下几种解决方法。rnrn方法1: onfocus=this.blur()rnrnrn方法2:readonlyrnrnrnrnrn方法3: disabledrnrn文本域等通用!------>rnrn各位同学,这虽简单,但是很实用哦!
<textarea>文本域,多行文本输入
当用户需要在表单中输入大段文字时,需要用到文本输入域。语法:<textarea rows="行数" cols="列数">默认出现文本</textarea>**注意**rows,cols这两个属性可用css样式的width和height来代替:col用width、row用height来代替。示例:<!DOCTYPE HTML>n<html>n<head>n<meta http-equiv="Conte
css文本域禁止横向拖动
1、textarea文本域是可以横向,纵向拖动的rn但是有时候需要约束,禁止横向拖动;只要追加样式:rntextarea{rn resize:vertical;rn }rn即可实现禁止横向拖动;rn同样,当resize的属性为none时,则禁止拖动
文本域,多行输入
1.文本域,多行输入n  &amp;lt;textarea  rows=&quot;行数&quot; cols=&quot;列数&quot;&amp;gt;文本&amp;lt;/textarea&amp;gt;n  1)&amp;lt;textarea&amp;gt;标签是成对出现的,以&amp;lt;textarea&amp;gt;开始,以&amp;lt;/textarea&amp;gt;结束。n  2)cols :多行输入域的列数。n  3)rows :多行输入域的行数。n  4)在&amp;lt;te
MiniUI中textarea显示问题
将设置了高度的mini-textarea放在div中,设置div的display为none,然后使用原生js或jQuery将div显示出来,显示出来的div中的textarea只有起始高度,处理此问题的方法如下:nn在div显示之后,调用textarea的doLayout()方法,重新调整一下局,即可将textarea显示完整。nn注:不同版本的MiniUI,重新调整布局的方法可能有细微差别,以A...
采用Vue,实现div模拟textarea文本域及高度自适应
使用很简单,一个普通的block元素上加个contenteditable=”true”nn问题: ios 点击无法获得焦点,点击没有反应。android手机能够点击并进行输入。 n解决: ios文字无法输入,添加style=”-webkit-user-select:text”,如果引用了fastclick.js文件,需要给div加上needsclick的class,例如&amp;amp;lt; div class...
css基础2-标准文档流、透明度、禁止拖动textarea、去掉input外边框、图片默认边框
padding区域有背景颜色。给一个盒子添加背景颜色时,padding区域也有背景颜色,也就是说background-color: red;将填充所有border以内的区域。nborder边框nnnborder: 1px solid #eee;/*综合写法*/nnborder-width: 10px 20px 30px 40px;/*边框粗细 上 右 下 左*/nborder-style: sol
设置textarea不可拖动
默认情况下,我们将鼠标移动到textarea的右下角时发现文本域是可以通过拖动的方式改变其大小的,这会影响我们原本的页面布局。 n若想设置其不可拖动,可为其添加如下属性:<textarea style="resize:none;"></textarea>
textarea标签 禁止拉伸
千古兴亡多少事,悠悠,不尽长江滚滚流 n&amp;amp;lt;textarea&amp;amp;gt; 标签定义多行的文本输入控件。nn文本区中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是 Courier)。nn可以通过 cols 和 rows 属性来规定 textarea 的尺寸,不过更好的办法是使用 CSS 的 height 和 width 属性。nn禁止文本域拉伸的样式是:nnstyle=&amp;quot;resize:...
Swing 文本域不可编辑
setEditable(false)为不能编辑,但仍然可以选中内容进行复制等操作nnsetEnable(false)为不能使用,文本框以反白显示,不可选择文本也不可编辑
textarea 文本框禁止拖动改变大小
火狐/chrome  /safari   ntextarea文本框可以拖动改变大小。n   只要给textarea添加一个css属性就可以禁止此功能,具体代码如下:n textarea{n resize:none;n }
js控制textarea文本域自适应高度
autoresizing textarearnrntextarea {rnwidth:360px;rnborder: 0 none white;rnoverflow: hidden;rnpadding: 0;rnoutline: none;rnbackground-color: #D0D0D0;rnresize: none;rnmargin-top:30px;rnmargin-left:400px
关于textarea文本域高度自适应文字的解决方法
关于textarea文本域的高度除了设置固定高度外,不会随着文本内容增加而高度自适应的问题.解决这个问题的方法我们可以利用div模拟textarea的方式&amp;lt;div id=&quot;textarea&quot;  contenteditable=&quot;true&quot; placeholder=&quot;请输入文字,不得少于100字&quot;&amp;gt;&amp;lt;/div&amp;gt;contenteditable=&quot;true&quot;这个属性实现了div文
jQuery获取textarea文本域的值
jQuery的.val()方法是专门用来获取表单元素值的,而textarea也属于表单元素所以可以直接用.val()方法获取。不过要注意,由于textarea是个双标记,因此.text()或.html()方法也可以获取到其中的信息,但建议不要这样获取,因为.val()是专用于获取值的方法,比.text()或.html()更可靠,而.text()和.html()在某些情况下无法获取到值。rn$(fu
ExtJs之Text文本框Text和文本域TextArea
文本框Textnnnn//添加身份证号码校验nnvar creditCard = Ext.create('Ext.form.field.Text', {n fieldLabel : '身份证号',n name : 'creditCard',n renderTo : 'creditCardDiv',n labelAlign : 'right',n emptyText: ...
多行文本框textarea的字数控制动态提示。(剩余字数提醒)
JS方法代码:rnrn n //多行文本输入框剩余字数计算 n function checkMaxInput(obj, maxLen) { n if (obj == null || obj == undefined || obj == "") { n return; n } n
textarea多行文本,超出高度时显示滚动条
1,两个div,外面的div高度固定,带滚动条;内部为可编辑的div,高度自适应(或内部采用高度自适应的textarea)nnn&amp;lt;div class=&quot;describe&quot;&amp;gt;n &amp;lt;div id=&quot;describe&quot; contentEditable='true'&amp;gt;&amp;lt;/div&amp;gt;n&amp;lt;/div&amp;gt;nnn.describe{n height: 100p...
android实现textArea文本域的输入框
在android布局文件中实现 Bootstrap 中的 textarea 文本域控件,方法如下:n在drawable 文件夹中创建 shape xml 配置文件n再 xml 文件中添加如下样式代码n<shape xmlns:android="http://schemas.android.com/apk/res/android"n android:shape="rectangle"> <
php中如何把多行文本框textarea提交上来的数据按照回车换行拆分成数组
做项目的时候想让用户一次输入多个名称,每行一个,实现起来如下:rnrn<?phpn$data = $_POST['group_name'];n$groupData = explode("\r\n",$data);nvar_dump($groupData);n?>rn注意:explode函数的第一个参数中的“\r\n”必须用双引号包裹,不可以用单引号,否则无法根据换行回车把提交上来的数据打散成数组。
用css固定textarea文本域大小尺寸
n n &amp;#13;n &amp;#13;n&amp;#13;ntextarea元素在chrome等浏览器下可以被拖拉从而改变大小,对于查看textarea里面的内容来说相当方便,但是有时候 我们为了保持网页的美观,不得不想要禁掉这个功能,禁止用户随意拉动textarea的大小,其实很简单,只需要用css加一个小小的属性,代码如下:&amp;#13;n textarea{&amp;#13;n  resize:none;...
设置input,select,textarea不可编辑模式
1,设置input,select,textarea不可编辑n$("#accordion").find("input,select,textarea").attr("disabled", true).css("cursor", "default");nn2,设置input框只读n$("#id").attr("readonly", true);
百度编辑器Ueditor多文本域实现
功能包括 文本域添加,上下移动,以及删除公司项目要做一个文档中心编写文档 并使用多文本域 然后前端就搞了一个百度编辑器,坑的是前端使用了Vue.js,然后剩下的问题就由我来完成了以下是主要思路   1.初始化导入ueditor 这个 百度一下 有很多方法   2.通过Vue.js的数据双向绑定 初始两个百度编辑器对象   3.无论是上下移动还是删除 都会导致数据混乱简单来说就是达不到效果  所以我...
textarea 禁止拉动拖动改变大小
n      标签 textarea 在大部分浏览器中只要指定行(rows)和列(cols)属性,就可以规定 textarea 的尺寸,大小就不会改变,不过更好的办法是使用 CSS 的 height 和 width 属性。rn      但是Chrome,Safari和FireFox渲染的效果不同,可以拖动右下角图标改变大小。但是过分拖动大小会影响页面布局,使页面变得不美 观。可以通过添加如下两个...
ie8中textarea的编辑,滚动条等问题
最近项目遇到需要一个问题,就是查看功能的时候如果textarea中的文字过长,如果用disabled属性会直接置灰,后边的内容可能显示不完整而且滚动条也不能用,于是乎,我找了很久的方法才发现,readonly属性就可以,真是失策啊,我还用了很多css去控制,简直了rn在这里,我发现,readonly单用,不能编辑,但是可以用滚动条rndisabled,用了全部置灰,不能使用滚动条(注:我的是ie8
textarea不可编辑状态
有下面两种方法我个人喜欢第二种方法nn1.设置禁用属性disablednnn&amp;lt;textarea name=&quot;&quot; class=&quot;inttext&quot; id=&quot;&quot; cols=&quot;30&quot; rows=&quot;10&quot; disabled&amp;gt;我是文字文字&amp;lt;/textarea&amp;gt;nn nn2.设置只读属性readonlynnn&amp;lt;textarea name=&quot;&q
struts2中的文本框不可编辑(readonly和disabled的区别)
使文本框不可编辑,只需设置readonly=&quot;true&quot;或disabled=&quot;true&quot;即可nn二者之间的区别:nnreadonly:会将文本框的值提交到后台,鼠标可将光标定位于其上nndisabled:不会将文本框的值提交到后台,鼠标无法将光标定位于其上nn有关表单数据能否提交上去W3C的解释:https://www.w3.org/TR/html401/interact/forms.html#h...
多行显示 textarea 赋值
&amp;amp;lt;div class=&amp;quot;form-group&amp;quot;&amp;amp;gt;n &amp;amp;lt;label class=&amp;quot;col-sm-3 control-label&amp;quot;&amp;amp;gt;内容:&amp;amp;lt;/label&amp;amp;gt;n &amp;amp;lt;div class=&amp;quot;col-sm-8&amp;quot;&amp;amp;gt;n
textarea文本区域内有空格的小细节
textarea文本区域内有空格nn今天写网页时,初始化后发现textarea文本区域内有空格 n n反复查看代码之后发现并无错误,直到后来发现了一个小细节nn&amp;amp;lt;textarea id=&amp;quot;textarea&amp;quot; style=&amp;quot;width: 100px; height: 100px;&amp;quot;&amp;amp;gt;n&amp;amp;lt;/textarea&amp;amp;gt;&amp;amp;lt;p id=&amp;
多行文本框内的文字全选,全选,按钮实现全部选中文本框中的字,textarea
本文转自:http://www.7wind.net/wytx/an/30.htmn n&amp;lt;body&amp;gt;n &amp;lt;form&amp;gt;n&amp;lt;input type=button value=&quot;全选&quot; onClick=&quot;javascript:this.form.txt.focus();this.form.txt.select();&quot;&amp;gt;&amp;lt;br&amp;gt;n&amp;lt;textarea
textarea 在浏览器中固定大小和禁止拖动
HTML 标签 textarea 在大部分浏览器中只要指定行(rows)和列(cols)属性,就可以规定 textarea 的尺寸,但大小在浏览器中(firefox、chrome)还是可以调节的,使用 CSS 的 height 和 width 属性效果和rows cols定义的效果相同,可以拖动右下角图标改变大小。但是过分拖动大小会影响页面布局,使页面变得不美观。可以通过添加如下两个样式禁用拖动,
文本域多行文本回显换行问题
文本域回显换行问题nn先具体描述下问题:n管理后台文本域添加内容中带有换行,但未处理数据,传入后台保存到数据库,在展示页面需要回显,如果直接用此字段的话,并没有原先的换行样式nn(1)下图为存数据时nn(2)下图为展示页面后台返回的数据nnn解决方案n首先注意到返回的数据中有个 回车 符号,于是有了点想法:n之前是想用正则匹配 ‘\n’ 然后替换成&amp;amp;lt;br&amp;amp;gt;的 ,但是并没有成功;n但...
textarea文本保存到数据库,前端输出保存换行回车解决方案
处理这种文本输出格式的,使用富文本编辑器是比较方便的,但我这里写的不是使用富文本编辑器的处理方法!     nn那么,从数据库取出text文本到前端展示格式一致的解决方案主要有两种(仅Web端,其他平台没有调试):nn一:提交数据之前,将textarea的回车、空格先转换格式,再提交数据存入数据库,那样取出数据输出到web端也能保证格式一致。nnn//关键js代码nvar text = $(&quot;te...
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 区块链问题 产品经理编辑视频