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里边依次设置的是文本框的背景色,上下左右边框色和厚度,以及输入字体的大小等。  



  


把上面一段代码插到页面的与之间。调用方式:<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");//以换行符拆分
    

原文转载于: http://cache.baiducontent.com/c?m=9d78d513d98516e51ebed4295e01d7170e25f37448d1c7637dc3e54e87231b1f483ca5fd65351177ced8263c16af3e0cb9ab6035200357e6c697951c8bac955c69db7c7f2340d30b558404f48d117adc239b0bedfb48b1b0f13092f9d4d7d85205ce525629d7f0dc&p=866ec54ad5c144f004b5d22d02149c&newp=882a9647d3961bb104be9b7c454bcc231610db2151d1d61f2a8e8d14&user=baidu&fm=sc&query=textarea+%CA%F4%D0%D4&qid=&p1=1

你可能感兴趣的:(Html)