在一般的留言本，论坛等地方都要用到文本输入框，也就是html语言中的textarea,textare包含有众多的参数，学会运用这些参数，就可以随意修改文本输入框的大小和外观，达到你想要的效果，下面就来介绍这些参数，以及如何使用这些参数。
1、cols，垂直列。在没有做样式表设置的情况下，它表示一行中可容纳下的字节数。例如cols=60，表示一行中最多可容纳60个字节，也就是30个汉字。另外要注意的是，文本框的宽度就是通过这个来调整，输入好cols的数值，然后再定义输入文字字体的大小（不定义的话，会采用默认值），那么文本框的宽度就确定了。
2、rows，水平列。表示可显示的行数，例如rows=10，表示可显示10行。超过10行，则需要拖动滚动条来浏览了。（同上，文本框的高度就是通过这个来控制的。）
3、name，文本框的名称，这项必不可省，因为存储文本的时候必须用到。
4、warp，当warp="off"表示该文本区域中不自动换行，当然不写默认是自动换行的。这个参数一般用得比较少。
5、style，这是个非常实用的参数，可以用来设置文本框的背景色，滚动条颜色及形式，边框色，输入字体的大小颜色等等。
6、class,一般用来调用外部css里边的设置。
例1：设置文本框的行数为40，列数为10。名称为text。表达形式 <textarea cols=40 rows=10 name=text></textarea>
例2：取消文本框右边的滚动条。表达形式<textarea cols=40 rows=10 name=text style="overflow:auto"></textarea>。style="overflow:auto"的意思就是当输入的文本超出设置的行数时才自动显示滚动条。
例3：设置文本框的背景色。<textarea cols=40 rows=10 name=text style="background-color:BFCEDC"></textarea>。
例4：另外设置文本框的滚动条颜色，边框色，以及字体大小，颜色，行距等，都可以直接在style里设置。不过这些一般都习惯在CSS里设置，直接调用就好了。下面是一段CSS设置代码：应该比较容易看懂，textbox里边依次设置的是文本框的背景色，上下左右边框色和厚度，以及输入字体的大小等。
<style>
.textbox { BACKGROUND: #BFCEDC; BORDER-TOP: #7F9DB9 1px solid; BORDER-LEFT: #7F9DB9 1px solid; BORDER-RIGHT: #7F9DB9 1px solid; BORDER-BOTTOM: #7F9DB9 1px solid; FONT-FAMILY: "宋体", "Verdana", "Arial", "Helvetica"; FONT-SIZE: 12px; TEXT-ALIGN: LIFT;}
</style>
把上面一段代码插到页面的<head>与</head>之间。调用方式：<textarea cols=40 rows=10 name=text class="textbox"></textarea>。 class=""中的名字对应css里边要用到的设置的名字。熟悉了这些参数，修改和美化文本输入框就很方便了。
分享到：
相关推荐
这篇博客（https://cuityang.iteye.com/blog/1744665）可能详细解释了如何在不使用服务器端脚本如PHP、Java或Python等的情况下，仅通过HTML和JavaScript实现这一过程。 首先，让我们了解HTML表单的基本结构。一个...
然而，当用户在`textarea`中输入文本并按下回车键时，默认情况下，浏览器会将此操作解释为换行符`\n`。但是，在网页显示或服务器端处理时，通常需要将这些换行符转换为HTML中的` `标签，以便于正确显示多行文本。...
在网页设计中，HTML的`<textarea>`元素用于创建多行文本输入字段，通常用于用户输入长篇文本。然而，HTML原生的`<textarea>`功能有限，不能满足所有复杂需求，比如自动调整高度、限制字符数、添加预格式化的文本、...
该函数textCounter拥有三个参数：field、countfield和maxlimit。其中，field代表要进行字数限制的textarea元素，countfield是用于显示剩余字符数的文本框元素，maxlimit则是设置的最大字符数限制。 具体实现步骤...
在你的视图页面中，你需要为UEditor分配一个HTML元素，通常是`<textarea>`，然后通过JavaScript初始化编辑器。例如： ```html <textarea id="myEditor" name="myEditor"></textarea> ``` 初始化代码如下： ```...
从给出的部分内容中我们可以看到一个名为HtmlEncode的方法，这个方法接受一个字符串参数，并且通过一系列的Replace操作来转义HTML中的特殊字符。在HTML中，某些字符具有特定的意义，比如 "和 ">" 分别用于标识HTML...
这里，第一个参数代表起始位置，第二个参数代表结束位置，如果只传入一个参数，则光标将定位到该位置。 此外，jQuery.curpos.js还可能提供了一些额外的功能，如处理多行文本的选择和光标移动，这在创建富文本编辑器...
在这段给定的代码中，描述了一个利用JavaScript来操作HTML中的textarea元素，具体实现是在textarea中插入字符串的效果代码。以下是对这段代码的详细分析： 1. 首先，我们注意到文档的meta标签设置了字符编码为gb...
`strLenCalc`函数接收三个参数，分别是操作的textarea对象、用于显示剩余字数的元素的ID以及允许的最大字数。当计算出剩余字数后，相应的提示信息会更新显示，同时根据字数限制条件动态地启用或禁用提交按钮。 ### ...
以上知识点详细解释了如何使用JavaScript监听鼠标事件来控制textarea输入框中的字符数，并提供了实现该功能的具体代码示例和逻辑说明。这些知识点不仅涉及了前端开发的基本概念，还展示了如何通过编程实现具体的用户...
在一般的留言本，论坛等地方都要用到文本输入框，也就是html语言中的textarea,textare包含有众多的参数，学会运用这些参数，就可以随意修改文本输入框的大小和外观，达到你想要的效果，下面就来介绍这些参数，以及...
需要注意的是，第一个参数可用其它CSS选择器，匹配多个textarea时只在第一个元素上加载编辑器。通过K.create函数的第二个参数，可以对编辑器进行配置，具体参数请参考编辑器初始化参数。 获取HTML数据 在获取HTML...
- 第一个参数可以使用其他CSS选择器来匹配多个`textarea`元素。但请注意，当匹配多个元素时，编辑器只会加载到第一个匹配的元素上。 - 可以通过`K.create`函数的第二个参数对编辑器进行配置。具体配置选项请参考编辑...
因此可能在文字识别方面存在一定误差，但根据提供的内容描述，可以推断出文档的主体部分是在解释如何使用JavaScript函数getPos和setPos来获取和设置HTML文本框（input类型为text或textarea）中文本选择的起始和结束...
input, textarea { border: 1px solid #ccc; } ``` - `border: 1px solid #ccc;` 定义了一个宽度为1像素、样式为实线、颜色为浅灰色的边框。 另外，`.wrap`类设置了一个宽度为770像素，并居中显示的容器，这是...
83、<textarea> 定义 textarea。 84、<tfoot> 定义表格的脚注。 85、<th> 定义表头。 86、<thead> 定义表头。 87、<time> 定义日期/时间。 88、<title> 定义文档的标题。 89、<tr> 定义表格行。 90、<ul> 定义无序...
1. HTML简介：教材首先会介绍HTML的基本概念，解释它在网页设计中的作用，以及它与CSS和JavaScript的关系。HTML负责网页的结构，CSS负责样式，而JavaScript则处理交互性。 2. HTML文档结构：学习HTML首先要理解其...
例如，`<form>`标签用于创建表单，`<input>`标签用于定义用户输入的字段，如姓名、邮箱和留言内容，而`<textarea>`则用于创建多行文本输入框。 二、留言板功能实现 1. 提交留言：用户填写信息后，点击提交按钮，...