极客教程HTML 如何禁用<textarea>的大小调整把手
<textarea>是一个HTML标签，用于创建多行输入字段。默认情况下，<textarea>在右下角包含一个大小调整把手，允许用户通过拖动把手来调整输入字段的大小。然而，在某些情况下，这个功能可能并不总是理想的，特别是当输入字段的大小应保持固定时。在这种情况下，可以使用CSS禁用大小调整把手。
方法： 有几种方法可以禁用<textarea>的大小调整把手。
方法1： 使用CSS：
如前所述，禁用大小调整把手的最简单方法是使用CSS。resize属性允许我们控制<textarea>的可调整大小行为。通过将此属性设置为none，我们可以禁用大小调整把手。这种方法易于实施，不需要任何额外的JavaScript代码，因此推荐使用。
语法：
<textarea rows="4" cols="50">geeksforgeeks</textarea>
By default, this <textarea> element includes a resize grabber.
示例： 这里我们使用上述解释的方法。
HTML
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<textarea rows="4" cols="50">
GeeksForGeeks
</textarea>
</body>
</html>
输出：
<!DOCTYPE html>
<html>
<style>
textarea {
resize: none;
}
</style>
<head>
<title></title>
</head>
<body>
<textarea rows="4" cols="50">
GeeksForGeeks
</textarea>
</body>
</html>
将下面的英文翻译成中文，不解释，保留HTML格式：
这将禁用调整大小抓手，并且<textarea>元素将会如下所示：
<!DOCTYPE html>
<html>
<body>
<textarea id="myTextarea"
rows="4" cols="50">
GeeksForGeeks
</textarea>
<script>
var textarea =
document.getElementById("myTextarea");
textarea.style.resize = "none";
</script>
</body>
</html>
这将禁用 id 属性设置为 myTextarea 的 <textarea> 元素的调整大小抓取器。
输出：
