7.4.2　文本域

文本域在要输入多行文本，填写大量的文字时用到。语法与前面所述不同的是没有用到＜input＞，而是用＜textarea＞标记对包括着，代码7.8为默认的空文本域，表现出文本域的用法。

代码7.8　文本域（源代码\第7章\文本域.html）

———————————————文件名：文本域.html———————————————

01 ＜html＞

02 ＜head＞

03 ＜title＞文本域＜/title＞

04 ＜/head＞

05 ＜body＞

06 ＜！—设置文本域—＞

07 ＜textarea＞

08 ＜！—文本域内容—＞

09 ＜/textarea＞

10 ＜/body＞

11 ＜/html＞

【代码解析】图7.7表示默认文本区域的大小，文本域中可以输入多行文本，右边的滚动条因文本多少而显示。

图　7.7　文本域

多行文本域是在文本域上加上两个属性来表示：rows表示显示的行数，cols表示显示的列数。通过设置行数和列数来改变文本框的大小，以便与页面统一布局。代码7.9为多行文本域。

代码7.9　多行文本域（源代码\第7章\多行文本域.html）

——————————————文件名：多行文本域.html——————————————-

01 ＜html＞

02 ＜head＞

03 ＜title＞多行文本域＜/title＞

04 ＜/head＞

05 ＜body＞

06 ＜！—设置文本域和宽、高—＞

07 ＜textarea name=book rows=6 cols=60＞＜/textarea＞

08 ＜/body＞

09 ＜/html＞

【代码解析】代码第7行表示文本框在网页中的用法。其中，文本框标记为textarea，且为标记对，设置了参数name为book，同时设置行数为6，列数为60，图7.8演示了多行文本域。

图　7.8　多行文本域

说明　在设置文本域大小时，根据将文本域内容的多少而设定，文本域大小与表单大小所占比例要适中（两者要有一定美观性）。