数据结构
网络
关系数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
服装设计
法律研究如何使用 CSS 禁用 textarea 的可调整大小属性？
在 CSS 中，我们可以使用‘resize’ 属性来调整网页 textarea 框的大小。我们可以调整 textarea 框的高度和宽度。如果我们将 resize 值设置为 none，则 textarea 框将无法调整大小。
在某些情况下，如果我们希望限制用户交互并控制输入的布局，则可能需要禁用 HTML 中文本框区域的可调整大小功能。文本输入的大小对于网页或应用程序的设计和布局也很重要。
在本文中，我们将创建一个 CSS 代码来禁用文本区域的可调整大小属性。
可调整大小和不可调整大小的 textarea 框的可视化表示
语法
<textarea>…write something…</textarea>
此 textarea 元素在输出中创建框，用户可以在其中写入内容。textarea 术语通过在固定字体大小内容纳大量字符来定义。文本框可用于表示反馈或评论框。
使用的属性
示例中使用的属性如下：
color - 定义文本的颜色。
font-weight - 定义文本是细体还是粗体。
text-align - 定义文本的水平对齐方式。
overflow - 根据 overflow 属性定义元素框的内容溢出。如果元素的内容太大而无法容纳在定义的区域内，则此属性指示是裁剪内容还是添加滚动条。
height - 定义 textarea 框的高度。
weight - 定义 textarea 框的宽度。
resize - 如果值设置为 both，它将调整 textarea 框的高度和宽度。如果值设置为 none，则它将不会调整 textarea 框的大小。
示例
在此示例中，我们将使用内部 CSS 来设计 h1 和 h3 元素。然后，借助名为 resizable 的 id 类，它设置了 textarea 框的属性。如果 resize 属性将值设置为 none，则它将禁用 textarea 框。
<!DOCTYPE html>
<html>
<title>Resize the textarea box</title>
<head>
<style>
h1,h3{
color: darkgreen;
font-weight: bold;
text-align: center;
}
#resizable{
overflow: auto;
height: 200px;
weight: 220px;
resize: none;
}
</style>
</head>
<body>
<h1>Tutorialspoint</h1>
<h3><mark>Disable the resizable property of CSS</mark></h3>
<center>
<textarea id="resizable">This is real time to learn the technical course</textarea>
</center>
</body>
</html>
结论
我们在上面的输出中看到，textarea 框的高度和宽度不可调整大小，因为我们在 resize 属性中定义了 none 值。有时禁用文本框是正确的，因为在构建网站时，提到的空间起着重要作用。
818 次查看
