HTML中的标签textarea的属性及用法
2011-12-30 23:43
393 查看
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里边依次设置的是文本框的背景色,上下左右边框色和厚度,以及输入字体的大小等。
把上面一段代码插到页面的<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]);
}
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> |
例子:
<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的属性及用法
- HTML中的标签textarea的属性及用法
- HTML中的标签textarea的属性及用法
- Html标签 textarea 的属性及用法
- html meta标签属性用法集合
- HTML标签的lang属性用法例子典型
- 史上最全的html标签属性用法对照表
- HTML中的<video>标签的格式和其中的属性的用法
- html textarea标签的innerHTML属性和value属性的区别
- html meta标签属性用法解析
- HTML的a标签href属性指定相对路径与绝对路径的用法讲解
- HTML中a标签的rel属性使用 link标签的rel="search"用法
- Html中meta标签的用法及viewport属性简介
- html页面中meta标签你不知道 的秘密——meta用法以及相关属性
- html meta标签属性用法集合
- html标签a的target属性的用法
- HTML <textarea> 标签的 wrap 属性
- Extjs 利用panel html属性加入DIV实现如TextArea的效果,并且能正确使用html标签,实现如向textarea文本域嵌入按钮button或其他控件,,而且兼容firefox
- html常用标签及其属性用法
- html标签a的target属性的用法