Textarea不能正确调整大小
Textarea是HTML表单中的一个元素，用于接收多行文本输入。它的大小通常是固定的，无法直接通过拖拽或其他方式调整大小。然而，可以通过CSS样式来改变Textarea的大小。
要实现Textarea的大小调整，可以使用CSS的resize属性。resize属性允许用户调整元素的尺寸，包括Textarea。resize属性有两个可能的值：
- none：禁止用户调整元素的尺寸。
- both：允许用户调整元素的宽度和高度。
以下是一个示例代码，演示如何使用CSS的resize属性来调整Textarea的大小：
<!DOCTYPE html>
<html>
<head>
<style>
textarea {
resize: both;
}
</style>
</head>
<body>
<textarea rows="4" cols="50">
这是一个可以调整大小的Textarea。
</textarea>
</body>
</html>在上述示例中，Textarea元素的resize属性被设置为"both"，这样用户就可以通过拖拽Textarea的边框来调整其大小。
Textarea的大小调整在以下场景中可能特别有用：
- 编辑器应用程序：当用户需要编辑大段文本时，可以通过调整Textarea的大小提供更好的编辑体验。
- 多行输入表单：当需要接收用户输入较长的文本时，可以让用户自由调整Textarea的大小，以适应其输入需求。
- 可视化报告：在展示大量文本内容时，可以通过调整Textarea的大小来提供更好的可视化效果。
腾讯云提供了云计算相关的产品和服务，其中与前端开发、后端开发、数据库、服务器运维等相关的产品有云服务器（CVM）、云数据库MySQL版、云数据库MongoDB版等。您可以通过腾讯云官方网站（https://cloud.tencent.com/）了解更多关于这些产品的详细信息和使用指南。
相关·内容
2回答
当用户更改其尺寸时，我想保存textarea的高度和宽度。
我试着使用：
$('textarea').resize(function() {
var height = $('textarea').css('height');
var width = $('textarea').css('width');
$.post('vocabresize.php?height=' + height + '&&width=' + width, func
浏览 1提问于2018-11-13得票数 1
1回答
我正在使用引导表单，试图使它在水平和垂直方向上都可以调整大小。使用简单的CSS，我有：
.form-group-description{
resize: both;
overflow: auto;
width: 50%;
}
这将使我可以调整水平，但不是垂直大小。我试过只使用resize: vertical;，但也不起作用。
有什么想法吗？你可以看到我在上说的话，我会离开网站直到我得到一些帮助(这是描述框)
编辑:我将它改为使用textarea，而不是html中的输入。但是，现在，当您调整到右边的大小并向左移动时，表单将保持向右移动。下面是html：
<div
浏览 6提问于2015-03-27得票数 6
回答已采纳
textarea需要在手动调整大小(is具有样式调整大小:两者)和以编程方式调整大小时进行操作。它以编程的方式工作很好，但当用户手动调整大小时就不行了。
textarea.resize( function(tn,newh,scroll){
console.log('resize');
....... );
});
我读到了一些关于JQuery中有一个bug的文章，通过在Chrome中检测文本区域的手动调整。但在Firefox等方面也不起作用。同样，当我试图在父-div
浏览 4提问于2015-02-24得票数 0
回答已采纳
调整大小的默认大小太小，某些用户无法看到。我怎样才能增加它的尺寸？
我试过使用::webkit-resizer{ font-size: 20px; }，但它不起作用。不过，我可以改变它的背景色针对同样的。
提前感谢！
浏览 2提问于2021-11-29得票数 2
我有这个HTML：
<div style="display:table; width: 90%">
<div style="display: table-row;">
<div style="display: table-cell;"><textarea>ABCDEFG</textarea></div>
<div style="display: table-cell;"><textarea>HIJKLMN<
浏览 10提问于2016-08-01得票数 1
回答已采纳
1回答
我有一个文本区域，它被禁用以停止用户编辑文本，但这也禁用了文本区域的大小调整。我不能拖出文本区域来查看框中的所有文本。
<textarea runat="server" id="txtCollectionInstructions" style="height:17px; width:275px" disabled="disabled" ></textarea>
有没有办法使文本区处于禁用状态，使他们不能编辑文本，但仍然可以调整文本区的大小？
浏览 5提问于2018-02-07得票数 0
当然，我可以使用标准的html文本框，但出于某种原因，我需要文本区。
那么，是否可以禁用textarea的多行选项呢？
浏览 2提问于2012-05-24得票数 28
3回答
给定一个文本区域，它开始是一个小方框，单行，当用户输入多行时，是否可以使用CSS自动增长到多行，直到设置的限制(300px)时，滚动条将出现包含所有输入的overflow auto？
浏览 6提问于2013-07-19得票数 24
0回答
腾讯云刚刚发布的向量数据库Tencent Cloud VectorDB主要具备以下能力：
高性能向量存储、检索：腾讯云向量数据库具备高性能的向量存储和检索能力，单索引能够轻松支持10亿级别的向量规模。在分布式弹性扩展的架构下，单实例可支持百万级别QPS，AI场景下向量检索的P99响应延迟可控制在20ms以内，能够覆盖绝大多数AI场景对向量存储和检索的业务需求。
可视化数据管理：在向量存储、检索能力之上，腾讯云向量数据库还提供了可视化的数据管理界面，进一步降低向量数据库的接入和使用门槛。用户可以通过控制台进行数据库、集合层面的数据管理，还可以快速执行向量检索等常用操作。此外，腾讯云向量数据库还提
浏览 113提问于2023-08-14
2回答
默认情况下，浏览器允许通过拖动角来调整文本区域的大小。我想知道这个规则是否可以应用于其他元素(例如div )。我知道这种效果可以使用jQuery draggable或jQuery-ui resizable函数来实现，但如果可以避免依赖该库，我希望使用普通的html / css来实现。他们有没有什么CSS规则，我可以应用到div上，让它以这种方式运行？
如果你有任何其他的解决方案，我很想听听。
浏览 1提问于2012-06-23得票数 53
回答已采纳
3回答
我在我的应用程序中使用了textarea组件，并动态地控制它们的高度。当用户键入时，只要有足够的文本，高度就会增加。这在IE、Firefox和Safari上运行良好。
然而，在Safari中，右下角有一个"handle“工具，允许用户通过单击和拖动来调整文本区的大小。我也注意到了stackoverflow Ask a issue页面中的文本区域存在这个问题。这个工具令人困惑，而且基本上会妨碍你的工作。
那么，有没有办法隐藏这个调整大小的句柄呢？
(我不确定"handle“是否是正确的词，但我想不出更好的词。)
浏览 4提问于2009-02-25得票数 103
回答已采纳
我想要基于文本区域的文本内容或文本输入的svg形状比例。随着文本内容的增加，底层svg元素的大小也应该增加。
到目前为止，这就是我所拥有的：
var graph = new joint.dia.Graph;
var paper = new joint.dia.Paper({
el: $('#myholder'),
width: 1330,
height: 660,
model: g
浏览 5提问于2015-07-29得票数 2
18回答
我想禁用textarea的resizable属性。
目前，我可以通过单击textarea的右下角并拖动鼠标来调整textarea的大小。如何禁用此功能？
浏览 71提问于2011-03-09得票数 3004
回答已采纳
如何使textarea在IE中在GWT项目中可调整大小？
可以使用CSS调整文本区域的大小，但这在IE中不起作用：
.gwt-TextArea {
resize: vertical;
}
浏览 6提问于2019-02-23得票数 0
回答已采纳
有没有可能像默认情况下在文本区域元素上一样，在输入元素上有一个调整大小的拖拽工具(这里的调整拖拽工具指的是右下角的一个小区域，你可以点击并按住它来调整文本区域框的大小)？
我尝试将'resize:both;‘添加到输入元素的样式中，但没有成功(参见)：
<input type="text" />
使用CSS：
input {resize: both;}
我将寻找一个无脚本的解决方案，只依赖于HTML和/或CSS，理想的跨浏览器。
浏览 3提问于2014-08-19得票数 0
2回答
我使用文本框来输入描述，编辑起来可能会很长。有没有办法让它变成多行？
如果这可以在css中完成，那将是最好的！
我不想使用textarea，因为当它出现在搜索表单上，人们按下"enter“时，它会转到下一行。如果你能阻止它，那么这是可以接受的。
浏览 0提问于2016-07-17得票数 0
8回答
我正在尝试关闭我的站点中的文本区域大小调整；现在我正在使用这个方法：
.textarea {
clear:left;
min-width: 267px;
max-width: 267px;
min-height:150px;
max-height:150px;
}
我知道我的方法不正确，我正在寻找JavaScript中更好的方法。我是一个初学者，所以对我来说最好的解决方案是HTML5或jQuery。
浏览 1提问于2012-07-10得票数 126
回答已采纳
1回答
我从JSON变量中提取文本，并将其动态放置在gridster小部件上。我希望小部件上的文本框在CSS.One的帮助下以一种漂亮的方式显示文本，目的是在网格大小内显示文本框(如果网格大小增加，文本框大小也应该增加)和要显示的文本，这样用户就容易阅读了。
这是我创建小部件的JS代码
for(var index=0;index<json.length;index++) {
gridster.add_widget('<li class="new" ><button class="delete-widget-button" styl
浏览 0提问于2018-03-09得票数 2
回答已采纳
我需要创建一个文本区域，以便从Excel复制并输入7位数字序列号。
问题是，虽然Excel建议复制和输入编号，但仍会有用户手工输入序列号。因此，即使用户手动输入序列号，我也希望将文本区域设置为每七个字符包装一次，这样用户就可以验证输入的序列号是7位数字。
当然，我可以用javascript来实现这一点，但是我可以通过简单的CSS设置来限制行的长度吗？
我试过用下面的代码，但没有用.
<textarea
rows="7"
cols="7"
wrap="hard&#
浏览 4提问于2020-05-21得票数 0
回答已采纳
3回答
我有一个小网站，用户可以输入一些文本，然后以不同的方式处理这个文本，例如，所有字符都转换为大写/小写和其他有用的噱头。结果显示在多个文本框块中。我希望该网站可以在移动设备上使用，所以我使用引导带。通常，每个文本区域都有自己的行，但我希望将其中的一部分放在两或三个相邻的位置。
我的代码(两个文本区域)目前看起来如下所示：
<body>
<div class="container-fluid text-center">
<div class="row">
<div class=
浏览 0提问于2015-09-24得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
