📄 6-1-10.cfm.htm
字号:
<html>
<head>
<title>建立文本区</title>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80">
<meta NAME="GENERATOR" CONTENT="Microsoft FrontPage 3.0">
</head>
<body>
<font FACE="宋体"><b>
<p ALIGN="JUSTIFY">建立文本区</p>
</b></font><font FACE="宋体" SIZE="3">
<p ALIGN="JUSTIFY">以前我们讨论的窗体元素中，用户不能输入超过一行的文本，<TEXTAREA>标识符可以建立一个文本区，在这里你可提供给用户更大的空间来自由地输入文本（见图6.10）。当你想让用户输入一段文字的时候就使用这个标识符。看下面的例子：</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD></p>
<p ALIGN="JUSTIFY"><TITLE> Text Area </TITLE></p>
<p ALIGN="JUSTIFY"></HEAD></p>
<p ALIGN="JUSTIFY"><BODY ></p>
<p ALIGN="JUSTIFY"><FORM ACTION＝“somedirectory/mypage.asp” METHOD=“POST”></p>
<p ALIGN="JUSTIFY"><BR> Please enter your comments below:</p>
<p ALIGN="JUSTIFY"><BR> <TEXTAREA NAME=“comments” COLS=40
ROWS=10></TEXTAREA></p>
<p ALIGN="JUSTIFY"></FORM></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY"><img SRC="Image43.gif" tppabs="http://210.74.168.175/guide/asp/part6/Image43.gif" WIDTH="578" HEIGHT="391"></p>
<b>
<p ALIGN="CENTER">图6.10 文本区</p>
</b>
<p ALIGN="JUSTIFY">你应当立即注意到，在此例中，没有使用<INPUT>标识符来建立文本区，你使用<TEXTAREA>标识符来建立文本区，这个标识符与其它窗体元素一样，必须在<FORM>标识符中出现。</p>
<b>
<p ALIGN="JUSTIFY">注意</p>
</b>
<p ALIGN="JUSTIFY">一些浏览器允许你使用下面的语句：</p>
<p ALIGN="JUSTIFY"><INPUT TYPE=TextArea COLS=40 ROWS=10></p>
<p ALIGN="JUSTIFY">不要这样做，在<INPUT>标识符的属性中建立文本区是没什么好处的。如果你想让你的网页与浏览器有最大程度的兼容性，就使用<TEXTAREA>标识符，不要用TextArea属性。</p>
<p ALIGN="JUSTIFY">使用COLS和ROWS属性你可以指定文本区的宽度和高度，COLS属性以列来指定文本区的宽度，ROWS属性以行来指定文本区的高度。注意这两个属性都是以字符平均宽度来度量的，因为文本区不使用固定字体，因此你在一个50列的文本区内不能刚好输入50个字符。</p>
<p ALIGN="JUSTIFY">你不能给COLS和ROWS属性指定百分数值，这是很不方便的，因为这使得网页在具有不同分辨率的显示器上看起来不一样，这也是HTML的一个不足。</p>
<p ALIGN="JUSTIFY">而且，文本区没有MAXLENGTH属性。没有办法阻止某些用户在文本区内输入大量的文字，对此你一点办法也没有。</p>
<p ALIGN="JUSTIFY">注意，<TEXTAREA>标识符是一个容器标识符，如果你想在第一次读入网页时，在文本区显示出文字，那就要将文字包含在<TEXTAREA>标识符内。如下所示：</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD></p>
<p ALIGN="JUSTIFY"><TITLE> Text Area </TITLE></p>
<p ALIGN="JUSTIFY"></HEAD></p>
<p ALIGN="JUSTIFY"><BODY ></p>
<p ALIGN="JUSTIFY"><FORM ACTION＝“somedirectory/mypage.asp” METHOD=“POST”></p>
<p ALIGN="JUSTIFY"><BR> Please enter your comments below:</p>
<p ALIGN="JUSTIFY"><BR> <TEXTAREA NAME=“comments” COLS=40 ROWS=10></p>
<p ALIGN="JUSTIFY">I am the default text!</p>
<p ALIGN="JUSTIFY"></TEXTAREA></p>
<p ALIGN="JUSTIFY"></FORM></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">当这个HTML文件被网络浏览器解释时，文字I am the default
text!将在文本区内显示。注意你只能在文本区内输入文字（包括第五章中讨论的特殊字符――见“加入特殊字符”一节）。任何在<TEXTAREA>中出现的HTML标识符都将被忽略。</p>
<p ALIGN="JUSTIFY">HTML规范中没有定义文本区内的文字怎样换行，当你在Internet
Explorer中在文本区中输入一行文字到达右边界时，文本就会自动换到下一行；而使用Netscape
Navigator时，文字会向右滚动。</p>
<p ALIGN="JUSTIFY">如果你想在Netscape Navigator中控制文本区内的文字怎样换到新的一行，就要使用Netscape特有的属性WRAP。这个属性可接受三个值：OFF、PHYSICAL和VIRTUAL，缺省值是OFF，即文本不会换到新的一行。另一方面，当WRAP＝PHYSICAL时，文本会自动换到下一行。当文本区的内容被提交时，回车键会被添加到文本换行的地方。如果你想让文本区的文字自动换行，但又不想在提交内容时加入附加的回车键，就可以使用WRAP＝VIRTUAL。</p>
<p ALIGN="JUSTIFY">当我建立文本区时，我几乎总是使用WRAP＝VIRTUAL属性。当文本区内的文字不自动换行，将会造成用户输入信息的混乱，通过使用这个属性，我可以确保不管在Microsoft还是Netscape的浏览器上文本区的文字都会自动换行，而且我也不想在解释文本区的内容时处理多余的回车键，因此使用WRAP＝VIRTUAL可做到这一点。</p>
</font>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -