1、首先打开dreamware软件,然后新建一个文件,如图所示。
2、然后在文档<body>里面写入代码,新建textarea文本框,用列高来设置高度,如图所示。
3、列高来设置高度,效果图展示如下。
4、还可以在打开的文档<body>里面写入代码,新建textarea文本框,直接给该属性写入宽度和高度,如图所示。
5、用文本框属性的高度设置高度,效果图展示如下。
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、多行文本框就是textarea,它是一个文本输入域,可以无限的输入,它有默认的高度和宽度,textarea是一个双标签。关于用法这里新建一个html文件,写入一个textarea:
2、textarea可以设置列数和行数,通过cols设置列数,通过rows设置行数:
3、打开浏览器,就可以看到设置好的多行文本标签了:
4、最后输入一些文字当文字过多的时候,它不仅可以自动换行,而且在右侧还会自动的显示滚动条。以上就是关于textarea多行文本框的使用介绍:
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)