11.5 文本域textarea

11.5 文本域textarea

HTML提供了多行文本的输入框,这是接收大量数据的文本区域,它既可以用于数据的输入,又可用于数据的显示区域。实现多行文本输入区的标签为<textarea>,其语法为:

其中:

(1)<textarea>标签是一个容器标签,可以包含内容,若在<textarea>和</textarea>中有内容,则显示在文本区中,如果此文本区是用于接收数据的,应省去被标记的内容。

(2)class、name、id和style属性与前面所介绍标签的同名属性具有相同的功能。

(3)rows属性用来设置文本输入窗口的高度,单位是字符行;cols属性用来设置文本输入窗口的宽度,单位是字符个数。通常多行文本区不能完全容纳数据时,浏览器自动产生滚动条。

(4)readonly属性设定多行文本区为只读,不能修改和编辑。

利用多行文本的输入框设计一个留言板,代码如下:

运行结果如图11-17所示。

图11-17 留言板实例