`
hbuxzy
  • 浏览: 24514 次
文章分类
社区版块
存档分类
最新评论

HTML中的标签textarea的属性及用法

 
阅读更多

HTML中的标签textarea的属性及用法


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里边要用到的设置的名字。熟悉了这些参数,修改和美化文本输入框就很方便了。

例子:

<textarea name=file rows=20 cols=30>

dtmf/script_dtmf_0.pcm
dtmf/script_dtmf_1.pcm
dtmf/script_dtmf_2.pcm
dtmf/script_dtmf_3.pcm
dtmf/script_dtmf_4.pcm
dtmf/script_dtmf_5.pcm
dtmf/script_dtmf_6.pcm
dtmf/script_dtmf_7.pcm

dtmf/script_dtmf_8.pcm
dtmf/script_dtmf_9.pcm
dtmf/script_dtmf_x.pcm
dtmf/script_dtmf_h.pcm
dtmf/script_dtmf_,.pcm
dtmf/script_dtmg_gg.pcm

</textarea>

在提交网页或java类(继承javax.servlet.http.HttpServlet,在其service方法中处理)中获取textarea的值

String tempFile=request.getParameter("file");
String tempFilex[]=tempFile.split("\n");//以换行符拆分
for (i = 0; i < umgcfg.umgISXDSPCacheFile.total; i++)
{
umgcfg.umgISXDSPCacheFile.filex.add(tempFilex[i]);
}


分享到:
评论

相关推荐

    html标签和属性总结

    HTML标签是构建Web页面的基础,了解HTML标签的属性和使用方法是非常重要的。本文将详细介绍HTML标签的种类、属性和使用方法,适合初学者学习和参考。 一、 HTML标签的种类 HTML标签可以分为两大类:结构标签和格式...

    html中的textArea使用及实例

    本篇文章将深入探讨`textarea`的使用方法和实例,帮助你更好地理解和应用这一元素。 一、`textarea`基本结构 `textarea`标签由开始和结束标签包围,如下所示: ```html &lt;textarea&gt;&lt;/textarea&gt; ``` 在实际使用中...

    HTML标签属性大全

    在本篇文章中,我们将对HTML标签进行分类,逐个介绍每个标签的用途和参数设置,并提供实例代码和示例图片,以便读者更好地理解和掌握HTML标签的使用方法。 一、基本结构标签 基本结构标签是指在HTML文档中用于定义...

    vue结合html实时截取textarea文本

    在这个`updateContent`方法中,我们通过`event.target`获取了触发事件的textarea元素,然后利用`selectionStart`和`selectionEnd`属性来获取当前选区的起始和结束位置。`slice`方法用于截取选中的文本。 为了实现...

    html标签大全标签用法详解

    它详尽地介绍了每个标签的用法、属性及注意事项。通过实践和查阅资料,开发者可以熟练掌握HTML,从而创建出功能丰富、用户体验优秀的网站。 总结,HTML标签是构建网页的基础,理解和熟练运用各种标签能有效提升网站...

    html标签及属性大全

    ### HTML标签及属性详解 HTML(HyperText Markup Language)是用于创建网页的标准标记语言。它由一系列的元素组成,这些元素通过标签表示。下面将详细解释部分常用的HTML标签及其属性,帮助理解网页结构和功能。 #...

    textarea用法

    `style`属性是一个强大的工具,允许开发者直接在`textarea`标签内嵌入CSS规则,以实现对文本框外观的精细控制。通过`style`,可以自定义文本框的背景色、滚动条样式、边框颜色、字体大小和颜色等视觉效果。例如,`...

    HTML标签分类及其属性.pdf

    本文将对HTML标签进行分类,并详细介绍每种标签的属性和用法。 窗体标签 标签用于定义窗体,用户可以通过标签输入信息,并将其提交到服务器。该标签的属性包括: * action:指定表单提交的URL * enctype:指定...

    flex解决textarea,input不能输入中文的方法

    在使用Flex进行Web应用开发时,有时会遇到一个让人头疼的问题:在非主应用程序环境下(例如嵌入到HTML页面中的SWF文件),textarea和input控件无法正常输入中文字符。这不仅影响用户体验,还可能导致功能上的缺失。...

    在textarea文本域中显示HTML代码的方法

    `textarea`本身并不支持直接解析和显示HTML标签,而是将其作为纯文本处理。因此,为了在`textarea`中显示HTML代码,我们需要采取一些特殊的技术手段。 首先,我们可以使用`iframe`来实现这个功能。`iframe`是一个...

    textarea输入限制方法

    最简单的方法是在`textarea`标签中直接使用`maxlength`属性: ```html &lt;textarea name="remark" id="remark" maxlength="5" style="width:420px; height:150px;"&gt;&lt;/textarea&gt; ``` 这里的`maxlength="5"`表示`...

    html标签及用法

    学习HTML标签及用法,不仅要理解每个标签的功能,还要学会如何组合使用,以创建出结构清晰、内容丰富的网页。实践是检验学习成果的最佳方式,建议动手编写HTML代码,不断尝试和调试,从而真正掌握这一基础技能。

    Struts 中 Html 标签库 的用法(第二组标签,与Form相关的标签 ).rar

    使用这些HTML标签,开发者可以更方便地构建与Struts框架交互的表单,同时简化了代码,提高了可维护性。在实际应用中,结合Struts的ActionForm和验证规则,可以实现强大的表单数据处理和验证功能。了解并熟练掌握这些...

    统计字数的textarea

    同时,如果是在React、Vue等前端框架中,这部分逻辑可能会封装成组件,使用state管理和生命周期方法来实现相同的功能。对于标签“源码”和“工具”,我们可以理解为这可能是一个开源项目或者是一个开发者用来辅助...

    textarea去除多余空格和回车的方法及其属性

    总结起来,正确使用`&lt;textarea&gt;`标签的语法以及合理配置其属性,结合JavaScript进行后端处理,可以帮助我们有效地管理和控制用户在`textarea`中的输入,从而避免多余的空格和回车。对于需要保持文本格式的应用场景,...

    HTML常用标签.pdf

    锚(anchor) 有两种用法:通过使用 href 属性,创建指向另外一个文档的链接(或超链接);或通过使用 name 或 id 属性,创建一个文档内部的书签(也就是说,可以创建指向文档片段的链接)。 17. &lt;img&gt;:&lt;img&gt; 元素向...

    html标签大全下载

    本文将根据提供的部分HTML标签及属性进行详细介绍,帮助读者更好地理解和运用这些标签。 #### 1. 基础标签与属性 - **`&lt;html&gt;`**:所有HTML文档的根元素,定义了文档是HTML文档。 - **`&lt;head&gt;`**:包含文档元数据...

    struts1-html标签

    ### Struts1 HTML标签详解 ...`&lt;html:form&gt;`是Struts1框架中用于创建HTML表单的标签。它为开发者提供了更多的控制选项,使得表单...理解每个标签的基本用法及可选属性,将有助于提高Web应用程序的开发效率和用户体验。

Global site tag (gtag.js) - Google Analytics