数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
服装设计
法学如何在HTML5中创建多行输入控件文本区域
概述
文本区域是一个HTML标签，用于编写多行文本。因此，可以通过一些预定义的HTML属性来控制文本区域内的多行文本。这些HTML属性包括 **maxlength、minlength、rows、column** 和 **readonly**。通过使用这些属性，我们可以控制文本区域内的文本。
语法
在HTML中创建文本区域的语法如下：
<textarea name="" id="" cols="" rows=""></textarea>
算法
**步骤1** - 在文本编辑器中创建一个HTML基本结构。
**步骤2** - 将文本区域标签添加到HTML代码的主体部分。
<textarea></textarea>
**步骤3** - 现在，要限制最大长度，请使用maxlength属性并为其赋值任何数值。
<textarea maxlength="100"></textarea>
**步骤4** - 文本区域已成功创建，文本区域将显示在您的浏览器中。
示例
在这个例子中，我们创建了一个文本区域，其文本使用 **maxlength** 属性进行控制。此属性帮助我们完全控制在文本区域内编写的文本。通过在文本区域标签中使用此属性，它限制了可以在框内写入的字符数。在这个例子中，字符的最大长度为“100”，因此我们不能写入超过给定限制的字符。
<html> <head> <title>Text Multiline Control</title> </head> <body> <h2>Text Box With Maxlength Control</h2> <textarea name="textcontrol" id="" cols="30" rows="10" maxlength="100"></textarea> </body> </html>
算法
**步骤1** - 在文本编辑器中创建一个HTML基本结构。
**步骤2** - 使用HTML文本区域标签在body标签内添加文本框。
**步骤3** - 现在，将readonly属性添加到文本区域，并为文本框添加行数和列数。
**步骤4** - 为文本区域添加占位符属性，然后在其中添加一些文本。
**步骤5** - 带有只读控制的文本区域已准备就绪，可以在浏览器上查看。
示例
在这个例子中，我们创建了一个多行受控的文本区域框，它具有只读属性，这意味着文本区域内的文本不可编辑，只能读取；在这个例子中，我们还使用 **rows** 和 **cols** 属性固定了文本区域的大小。在这些属性中，行数和列数被指定为数值。文本预先写在占位符属性中。
<html> <head> <title>Text Multiline Control</title> </head> <body> <h2>Text Box With Read Only, Rows and Cols Control</h2> <textarea name="textcontrol" id="" cols="30" rows="5" readonly placeholder="This is a text box which limits the number of character written inside it. This text box is readonly"></textarea> </body> </html>
结论
控制多行文本在网站的用户界面方面有时变得很重要，因为HTML中的文本区域具有随着文本框内字符数量的增加而扩展的属性，这会使网站的界面看起来很丑。很多时候，这些文本框用于应用程序的反馈部分，因此通过限制文本框内的字符数，可以避免冗长的垃圾邮件。
467 次查看
