📄 6-1.cfm.htm
字号:
<p ALIGN="JUSTIFY">当用滚动列表框代替下拉式列表框时，你失去了节省网页空间的好处。然而，滚动列表框有一个很大的好处。使用滚动列表框，你可以一次选择多个选项，可以使用<SELECT>标识符的MULTIPLE属性来实现这一点：</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD></p>
<p ALIGN="JUSTIFY"><TITLE> Simple Form </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> How did you find out about this web site?</p>
<p ALIGN="JUSTIFY"><BR> <SELECT NAME=“discover” SIZE=3 MULTIPLE></p>
<p ALIGN="JUSTIFY"><OPTION VALUE=“Magazine”>Magazine</p>
<p ALIGN="JUSTIFY"><OPTION VALUE=“Search”>Search Engine</p>
<p ALIGN="JUSTIFY"><OPTION VALUE=“Friend”>Friend</p>
<p ALIGN="JUSTIFY"></SELECT></p>
<p ALIGN="JUSTIFY"><BR> <INPUT TYPE=SUBMIT VALUE=“Submit Me!”></p>
<p ALIGN="JUSTIFY"></FORM></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">当这个HTML文件在浏览器上显示时，一个滚动列表框出现在屏幕上，如果你用鼠标在列表框中进行选择的同时按住Ctrl键，你就可以一次选择多个选项。例如，你可同时选择Magazine和Friend（你也可使用Shift键来一次选择相邻的多个选择）。</p>
<b>
<p ALIGN="JUSTIFY">注意</p>
</b>
<p ALIGN="JUSTIFY">通常，我不愿使用MULTIPLE实现，原因是许多浏览网页的人不知道如何进行多项选择，而且进行多项选择的方法因各人使用的计算机类型而异。例如，在苹果机上，你要使用Command键而不是Ctrl键。当你想让用户进行多项选择时，考虑使用一组复选框吧。</p>
</font><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><font FACE="宋体"><b>
<p ALIGN="JUSTIFY">建立隐藏区</p>
</b></font><font FACE="宋体" SIZE="3">
<p ALIGN="JUSTIFY">使用隐藏区，你可以在永远不在屏幕上显示的窗体中加入一些信息。当然，这些信息在窗体提交时也会被包含。</p>
<p ALIGN="JUSTIFY">隐藏区对Active Server Pages程序员来说特别有用，你可能会经常使用它们来在网页之间传递隐藏信息。当然只有当你学习了怎样使用Active
Server Pages之后，你才能体会到使用隐藏区的好处。</p>
<p ALIGN="JUSTIFY">你可以使用隐藏区来建立不依赖于Cookies的变量，这样做既有优点也有缺点，要了解更多信息，可参阅第16章的“不使用Cookies来保留状态”一节中的“使用Active
Server Pages Session”。</p>
<p ALIGN="JUSTIFY">下面的例子在窗体中建立了一个隐藏区：</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD></p>
<p ALIGN="JUSTIFY"><TITLE> Hidden Field </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"><INPUT NAME=“secret” TYPE=HIDDEN VALUE=“You cannot see me!”>
</p>
<p ALIGN="JUSTIFY"><INPUT TYPE=SUBMIT VALUE=“Submit Me!”></p>
<p ALIGN="JUSTIFY"></FORM></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">当这个HTML文件在网络浏览器上显示时，你只能在屏幕上看见一个Submit按钮，名为secret的隐藏区并未显示出来。然而当窗体按钮被按下时，值You
cannot see me!被作为窗体内容的一部分发送了。</p>
<b>
<p ALIGN="JUSTIFY">警告</p>
</b>
<p ALIGN="JUSTIFY">你不要在隐藏区内放置你私人的信息，网页浏览者可使用浏览器的View
Source命令看到隐藏区的东西。隐藏区这是隐藏起来不可见，但它们并不能躲过聪明用户的眼睛。</p>
</font><font FACE="宋体"><b>
<p ALIGN="JUSTIFY">建立文件上载按钮</p>
</b></font><font FACE="宋体" SIZE="3">
<p ALIGN="JUSTIFY">假设你想建立一个让人们做卖房广告的网点，如果人们能上载他们房子的照片，那将是非常有用的；或者你想建立一个收纳短故事的网点，那也要让人们能上载他们的故事――例如Microsoft
Word格式的文件。</p>
<p ALIGN="JUSTIFY">理论上，你可以使用<INPUT>标识符的TYPE＝FILE属性来实现这一点，使用这个属性，你可以在窗体上建立一个文件上载按钮（见图6.11）。当你网点的用户点击这个按钮时，他们可以选择一个本地硬盘上的文件进行上载。下面的例子显示了怎样去做：</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD></p>
<p ALIGN="JUSTIFY"><TITLE> File Upload </TITLE></p>
<p ALIGN="JUSTIFY"></HEAD></p>
<p ALIGN="JUSTIFY"><BODY ></p>
<p ALIGN="JUSTIFY"><FORM ENCTYPE＝“multipart/form-data” </p>
<p ALIGN="JUSTIFY">ACTION=“somedirectory/mypage.asp” METHOD=“POST”></p>
<p ALIGN="JUSTIFY">Please choose a picture to upload:</p>
<p ALIGN="JUSTIFY"><BR> <INPUT NAME=“picture” TYPE=FILE ACCEPT=“image/*”></p>
<p ALIGN="JUSTIFY"><BR> <INPUT TYPE=SUBMIT VALUE=“Submit Me!”></p>
<p ALIGN="JUSTIFY"></FORM></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">当这个HTML文件在Netscape Navigator（版本3.0或更高）上显示时，一个普通的文本框显示在一个Browse按钮旁，用户可以直接在文本框中输入文件的名字，或使用Browse按钮来在文件对话框中选择一个文件。当这个窗体被提交后，用户选择的文件也被提交了。</p>
<p ALIGN="JUSTIFY">注意这个例子中<FORM>标识符的ENCTYPE属性，它指定了提交时窗体信息的编码方式。通常窗体信息是URL编码的（空格被＋号代替），然而这种编码方法对于非文本的信息是很差的，要想高效地传送一个图象文件，你应当使用ENCTYPE＝“multipart/form-data”。</p>
<p ALIGN="JUSTIFY"><img SRC="Image44.gif" tppabs="http://210.74.168.175/guide/asp/part6/Image44.gif" WIDTH="578" HEIGHT="391"></p>
<b>
<p ALIGN="CENTER">图6.11 文件上载按钮</p>
</b>
<p ALIGN="JUSTIFY">实际的文件上载按钮用下述标识符创建：</p>
<p ALIGN="JUSTIFY"><INPUT NAME=“picture” TYPE=FILE ACCEPT=“image/*”></p>
<p ALIGN="JUSTIFY">由于TYPE属性的值是FILE，浏览器就会建立一个文件上载按钮。ACCEPT属性限制了在文件对话框中出现的文件的类型。在此例中，文件类型被限制为图象文件，你可以指定MIME类型中的任意一个或几个作为ACCEPT属性的值。</p>
<p ALIGN="JUSTIFY"> </p>
<p ALIGN="JUSTIFY"> </p>
<b>
<p ALIGN="JUSTIFY">注意</p>
</b>
<p ALIGN="JUSTIFY">MIME用于多用途Internet mail扩展。MIME最初被用来作为指定e_mail附属文件类型的的方法，浏览器使用MIME类型来与特定文件相关联。</p>
<p ALIGN="JUSTIFY">一些MIME类型的例子是用于GIF图象的image/gif，用于JPEG图象的image/jpeg，用于Microsoft
Excel表格的application/x-msexcel，用于Microsoft Word文档的application/msword。</p>
<p ALIGN="JUSTIFY">要查看你的计算机支持的MIME类型，可以使用Windows
Explorer中的View/Options/File Types命令。</p>
<p ALIGN="JUSTIFY">文件上载按钮是非常有用的，然而令人遗憾的是，现在的浏览器软件只支持一部分文件上载按钮，或干脆就不支持。虽然文件上载按钮是HTML
3.2规范的一部分，但这种情况也是存在的。</p>
<p ALIGN="JUSTIFY">例如，Netscape Navigator（版本3.0和4.0）忽略ACCEPT属性，Internet
Explorer 3.0更糟糕，它完全拒绝解释文件上载按钮，并用一般的文本框代替，而Internet
Explorer 4.0能识别文件上载按钮。在文件上载按钮被更多的浏览器软件支持前，要小心地使用它们。</p>
</font>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -