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

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中的标签textarea的属性及用法

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

    使用textarea的标签时候发现多了空格或者’\n‘,后来发现是标签的位置错了 以下是错误示范: 你好 以下是正确示范: 你好 关键在于与要在同一行,不然他们之间的部分都计入(包括回车’\n‘,空格) 2.的属性 ...

    textarea 在浏览器中固定大小和禁止拖动的实现方法

    HTML 标签 textarea 在大部分浏览器中只要指定行(rows)和列(cols)属性,就可以规定 textarea的尺寸,大小就不会改变,不过更好的办法是使用 CSS 的 height 和 width属性,但是Chrome,Safari和FireFox渲染的效果...

    Struts2+API+标签全解+网页说明

    actionerror标签:输出Action中getActionErrors()方法返回的异常信息。 actionmessage标签:输出Action中getActionErrors()方法返回的信息。 component标签:生成一个自定义的组件。 div标签:AJAX标签,生成一个...

    从入门到精通HTML5——PDF——网盘链接

     12.1.2 HTML 5中的标记方法 226  12.1.3 HTML 5语法中的3个要点 227  12.1.4 标签实例 228  12.2 新增的元素和废除的元素 228  12.2.1 新增的结构元素 228  12.2.2 新增的块级的语义元素 230  12.2.3 新增的...

    HTML开发王

    3.1 使用标签、元素和属性 3.1.1 标签 3.1.2 元素 3.1.3 属性的定义 3.1.4 属性值的定义 3.1.5 元素和属性的大小写规范 3.2 字符引用 3.2.1 字符数字引用 3.2.2 字符实体引用 3.3 使用注释 3.4 关于空白和空白字符 ...

    struts2 标签库 帮助文档

    4. &lt;s:push value=""&gt;&lt;/s:push&gt;-----value的值push到栈中,从而使property标签的能够获取value的属性 R: 1. 2. &lt;s:radio list=""&gt;&lt;/s:radio&gt;-----单选按钮 3. &lt;s:reset&gt;&lt;/s:reset&gt;-----重置按钮 S: 1...

    css笔记课程笔记2019,5,22

    (1)在每个html标签上面都有一个属性 style,把css和html结合在一起 - (2)使用html的一个标签实现 &lt;style&gt;标签,写在head里面 * &lt;style type="text/css"&gt; css代码; &lt;/style&gt; * &lt;...

    超经典的Web前端与移动开发基础视频 Web前端基础开发视频教程 移动开发基础视频教程

    48前端开发基础视频-CSS语法及简单CSS属性.avi 49前端开发基础视频-CSS语法案例.avi 50前端开发基础视频-CSS注释.avi 51前端开发基础视频-标签选择器和通配符选择器.avi 52前端开发基础视频-ID选择器.avi 53...

    H5+CSS3.zip

    主要包含HTML5+CSS3基础知识,各种常用标签的意义及基本用法示例。 HTML5部分具体内容包括: 语义化标签:段落标签,标签自定义文字样式,标题标签,块,标签定义头部,标签定义底部,标签定义正文区段,标签定义侧...

    FCKeditor使用指南

    3.1.2 方法二:替换页面中的Textarea 5 3.1.3 方法三:适合于Ajax的调用方法 6 3.1.4 Js中FCKeditor对象的属性(集合)和方法 6 3.1.4.1 属性 6 3.1.4.2 集合 7 3.1.4.3 方法 7 3.1.5 FCKeditor的JS构造器 9 3.1.6 将...

    Spring中文帮助文档

    使用@SessionAttributes指定存储在会话中的属性 13.12.7. 自定义WebDataBinder初始化 13.13. 更多资源 14. 集成视图技术 14.1. 简介 14.2. JSP和JSTL 14.2.1. 视图解析器 14.2.2. 'Plain-old' JSPs versus ...

    深入浅出Struts 2 .pdf(原书扫描版) part 1

    5.1 Struts标签的使用方法 59 5.2 表单标签的共同属性 60 5.3 form标签 62 5.4 textfield、password、hidden标签 63 5.5 submit标签 65 5.6 reset标签 65 5.7 label标签 66 5.8 head标签 66 5.9 textarea标签 66 ...

    ExtAspNet_v2.3.2_dll

    -修正DatePicker中的一个bug(31/01/2010将会返回NULL)使用DateFormatString来生成SelectedDate属性(feedback:OktaEndy)。 -修正extjs最新版本(v3.2.2)中的一个bug,如果下拉列表中存在两个相同的Text,则...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -增加TabStrip中Tab控件可关闭属性EnableClose(默认为false)以及两个方法GetShowReference和GetHideReference(feedback:anson)。 -修正绑定到Tree的XMLDocument中Icon属性映射错误(feedback:nopnop9)。 -修正...

    Spring-Reference_zh_CN(Spring中文参考手册)

    3.3.3. bean属性及构造器参数详解 3.3.3.1. 直接量(基本类型、Strings类型等。) 3.3.3.2. 引用其它的bean(协作者) 3.3.3.3. 内部bean 3.3.3.4. 集合 3.3.3.5. Nulls 3.3.3.6. XML-based configuration metadata ...

Global site tag (gtag.js) - Google Analytics