📄 6-1.cfm.htm
字号:
<p ALIGN="JUSTIFY"><INPUT NAME=“textbox1”></p>
<p ALIGN="JUSTIFY"><INPUT NAME=“textbox2”></p>
<p ALIGN="JUSTIFY"><BR><INPUT TYPE=SUBMIT VALUE=</font><font SIZE="3">”</font><font
FACE="宋体" SIZE="3">Submit Me!</font><font SIZE="3">”</font><font FACE="宋体"
SIZE="3">></p>
<p ALIGN="JUSTIFY"><FORM ACTION＝“someotherdirectory/myotherpage.asp” METHOD=“POST”></p>
<p ALIGN="JUSTIFY"><INPUT NAME=“anothertextbox1”></p>
<p ALIGN="JUSTIFY"><INPUT NAME=“anothertextbox2”></p>
<p ALIGN="JUSTIFY"><BR><INPUT TYPE=SUBMIT VALUE=</font><font SIZE="3">”</font><font
FACE="宋体" SIZE="3">Submit Me Also!</font><font SIZE="3">”</font><font FACE="宋体"
SIZE="3">></p>
<p ALIGN="JUSTIFY"></FORM></p>
<p ALIGN="JUSTIFY"></FORM></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">这个HTML代码不能正常工作，因为一个<FORM>标识符嵌在另一个中。如果你发现一个窗体不如你所期望的那样正常工作，你就得好好检查一下，看是否你偶然地将<FORM>标识符交错了，或是忘记结束你的一个窗体。</p>
</font><font FACE="宋体"><b>
<p ALIGN="JUSTIFY">文本框</p>
</b></font><font FACE="宋体" SIZE="3">
<p ALIGN="JUSTIFY">最基本的窗体元素是文本框（见图6.3）。你可以用不带属性的<INPUT>标识符来建立一个空的文本框。然而，要想建立一个有用的文本框，你需要包含NAME属性。下面的例子包含了两个名为text1和text2的文本框：</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"><INPUT NAME=“text1” TYPE=“text”></p>
<p ALIGN="JUSTIFY"><INPUT NAME=“text2”></p>
<p ALIGN="JUSTIFY"><INPUT TYPE=SUBMIT VALUE=</font><font SIZE="3">”</font><font
FACE="宋体" SIZE="3">Submit Me!</font><font SIZE="3">”</font><font FACE="宋体"
SIZE="3">></p>
<p ALIGN="JUSTIFY"></FORM></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY"><img SRC="Image36.gif" tppabs="http://210.74.168.175/guide/asp/part6/Image36.gif" WIDTH="578" HEIGHT="391"></p>
<b>
<p ALIGN="CENTER">图6.3 文本框</p>
</b>
<p ALIGN="JUSTIFY">注意第一个文本框的TYPE属性设为“text”，你可以根据你的需要在文本框中包含这个属性。但这没有什么特别的效果，因为<INPUT>标识符缺省地将TYPE设为“text”。</p>
<p ALIGN="JUSTIFY">你也可以使用<INPUT>的VALUE属性来指定在用户输入前缺省状态下文本框中显示的文字。例如，假设你有一个文本框，让用户在其中输入他的国别，你预计你的大部分用户都是美国人，你可以使用下面的语句将缺省国别设为美国：</p>
<p ALIGN="JUSTIFY"><INPUT NAME=“country” VALUE=“USA”></p>
<p ALIGN="JUSTIFY"><INPUT>的另一个有用的属性是SIZE，使用它你可以控制一个文本框的宽度。你应该根据需要以字符数来指定SIZE属性的值。</p>
<b>
<p ALIGN="JUSTIFY">注意</p>
</b>
<p ALIGN="JUSTIFY">由于文本框中显示字体的大小不是固定的，文本框的长度可能不够用来显示一定数量的字符。这是因为不同的字符有不同的宽度，因此你应当将你的文本框的大小设得比你要输入的最大字符数要大些。</p>
<p ALIGN="JUSTIFY">文本框的最后一个很有用的属性是MAXLENGTH。通常你可以一直在文本框中输入文字，因为文本框会自动地水平滚动来让你输入更多的东西，但是这有下面的两个弊端：</p>
<blockquote>
<blockquote>
<p ALIGN="JUSTIFY">首先在原理上，某些用户会蓄意在你网点的文本框中输入非常多的文本，让你的网点严重超负荷而无法处理它们。你应当设定用户行为的限度，因此为安全着想，你应当使用MAXLENGTH属性来控制你的用户最多可在文本框中输入多少信息。</p>
<p ALIGN="JUSTIFY">有时你蓄意强制用户输入一定长度的信息。例如，你想让用户输入6个数字的邮政编码，而不是其它位数的，这就要靠MAXLENGTH来实现。</p>
</blockquote>
</blockquote>
</font><font FACE="宋体"><b>
<p ALIGN="JUSTIFY">窗体按钮</p>
</b></font><font FACE="宋体" SIZE="3">
<p ALIGN="JUSTIFY">在HTML窗体中典型使用的按钮有三种，我们已经介绍了第一种按钮――Submit按钮。当你点击Submit按钮时，窗体由<FORM>的ACTION属性所指定的程序进行处理，Submit按钮的用法如下所示：</p>
<p ALIGN="JUSTIFY"><INPUT TYPE=SUBMIT VALUE=“Do it!”></p>
<p ALIGN="JUSTIFY">VALUE属性的值决定了在按钮上显示的文字。</p>
<p ALIGN="JUSTIFY">图形按钮与Submit按钮的效果几乎是一样的，然而这种类型的按钮显示出来是一幅图象，而不是一个难看的灰色矩形框（见图6.4）。下面的例子说明了怎样使用图形按钮：</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"><INPUT NAME=“textbox1”></p>
<p ALIGN="JUSTIFY"><INPUT NAME=“textbox2”></p>
<p ALIGN="JUSTIFY"><BR><INPUT TYPE=IMAGE SRC=“myimage.gif” BORDER=0></p>
<p ALIGN="JUSTIFY"></FORM></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY"><img SRC="Image37.gif" tppabs="http://210.74.168.175/guide/asp/part6/Image37.gif" WIDTH="578" HEIGHT="391"></p>
<b>
<p ALIGN="CENTER">图6.4 图象按钮</p>
</b>
<p ALIGN="JUSTIFY">和把图象当作超链接时的情况一样，你应当把BORDER属性的值设为零来隐藏在诸如Netscape
Navigator这样的浏览器上显示时会出现在图象周围的黑框。在某些情况下，这个附加的图象框会令人分心。你也可以在图象按钮中使用<IMG>标识符的其它属性（见第5章“初级HTML”）。</p>
<b>
<p ALIGN="JUSTIFY">注意</p>
</b>
<p ALIGN="JUSTIFY">图象按钮的一个有趣现象是当点击它时，不但提交窗体信息，而且提交图象被点击点的坐标。例如，如果你在一个长宽各为5个象素的图象中央点击它，则在窗体信息之后就会传送点击点的坐标（3，3）。</p>
<p ALIGN="JUSTIFY">图象按钮的这个特性对于将窗体功能组合成image map是很有用的（image
map将在下一章讨论）。通常的image map不允许你交流窗体的内容。</p>
<p ALIGN="JUSTIFY">最后一种按钮类型是reset按钮。当用户点击reset按钮后，所有的窗体内容都恢复到它们初始的值。例如，没有缺省值的文本框将被清空，而用VALUE属性指定了值的将回到初始的特定值。与Submit按钮的情况一样，你通过VALUE属性指定显示在reset按钮上的文字。如下面的例子所示：</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"><INPUT NAME=“textbox1”></p>
<p ALIGN="JUSTIFY"><INPUT NAME=“textbox2” VALUE=“mydefault”></p>
<p ALIGN="JUSTIFY"><BR><INPUT TYPE=SUBMIT VALUE=“Submit Me!”></p>
<p ALIGN="JUSTIFY"><BR><INPUT TYPE=RESET VALUE=“Clear Me!”></p>
<p ALIGN="JUSTIFY"></FORM></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">在此例中，窗体用户点击标有Clear Me!的按钮后，所有窗体值都被清除并回到初始状态的值。在一个特定窗体中使用这三种按钮没有什么限制，这将很方便，特别是对于Submit按钮。有时在一个网页中有必要包含好几个Submit按钮，以使用户在决定怎样使用信息时就能发送窗体信息。</p>
<p ALIGN="JUSTIFY">例如，假设你的网点有一页用于注册，而且需要让你的用户能够决定他们的注册信息是保持隐秘，还是公开出来。一个方法是，你可以再加入一个附加窗体让用户能选择，而最简单的方法是你建立两个Submit按钮，一个上面写着Register
Private，而另一个上面写着Register Public。这后一种方法能让用户简单地通过点击两个按钮中的一个进行选择。</p>
<p ALIGN="JUSTIFY">要使用多个按钮，你需要为按钮提供NAME属性，看下面这个简单的例子：</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><INPUT NAME=“Yes” TYPE=SUBMIT VALUE=“yes!”></p>
<p ALIGN="JUSTIFY"><BR><INPUT NAME=“No” TYPE=SUBMIT VALUE=“no!”></p>
<p ALIGN="JUSTIFY"></FORM></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">在这里，点击yes!或是no!按钮都会激发同一个窗体行为，然而当窗体被处理时，用户的选择被获取了（用户的选择怎样被获取可参阅第10章“初级SQL”及第11章“中级SQL”）。</p>
<p ALIGN="JUSTIFY">再次重申，本节你学会了HTML窗体中最常使用的三种类型的按钮：</p>
<blockquote>
<blockquote>
<p ALIGN="JUSTIFY">Submit按钮，用于将窗体信息提交给服务器进行处理，或将信息通过E_Mail传送给一个地址。</p>
<p ALIGN="JUSTIFY">图象按钮，与Submit按钮的作用相同，但用图象代替了文字。</p>
<p ALIGN="JUSTIFY">Reset按钮，将所有窗体的值设置到初始状态的值。</p>
</font><b><p ALIGN="JUSTIFY"> </p>
</blockquote>
</blockquote>
<font FACE="宋体">
<p ALIGN="JUSTIFY">密码框</p>
</font></b><font FACE="宋体" SIZE="3">
<p ALIGN="JUSTIFY">假设你想让用户在参观你的网点之前先进行注册，使用通常的文本框，你可以建立一个HTML窗体来获得用户的名字和密码，但是你不想让用户在输入他们
的密码时，有人在他们的背后偷看。要保护用户的密码，你就要使用密码输入框（见图6.5）。密码框的工作原理与文本框类似，只是当信息输入时是隐藏的。下面是个例子：</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">Please enter your name and password:</p>
<p ALIGN="JUSTIFY"><BR> Name: <INPUT NAME=“username”></p>
<p ALIGN="JUSTIFY"><BR> Password: <INPUT NAME=“password” TYPE=PASSWORD></p>
<p ALIGN="JUSTIFY"><INPUT TYPE=SUBMIT VALUE=“Continue”></p>
<p ALIGN="JUSTIFY"></FORM></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY"><img SRC="Image38.gif" tppabs="http://210.74.168.175/guide/asp/part6/Image38.gif" WIDTH="578" HEIGHT="391"></p>
<b>
<p ALIGN="CENTER">图6.5 密码框</p>
<p ALIGN="JUSTIFY">注意</p>
</b>
<p ALIGN="JUSTIFY">值得重视的是在密码框中输入的文本在提交时是不被加密的，因此在理论上这意味着某些人可以在线路上窃取你在密码框中输入的文字。当这些文字通过Internet传送给你的网站时，对大部分应用程序，这不会产生什么问题。你可以对HTML窗体中提交的信息进行加密来防止别人窃取这些信息。见第二章的“使用加密层”一节的“安装和使用Internet信息服务器”。</p>
<p ALIGN="JUSTIFY">当上例的HTML文件在网络浏览器上显示时，你可以在密码框中输入文字，就如同在一般的文本框中输入一样。然而，所有输入的文字都被隐藏了（通常是*号）。你可以在密码框中使用SIZE和MAXLENGTH属性来控制密码框的长度及可在框中输入的最大字符数。</p>
</font><font FACE="宋体"><b>
<p ALIGN="JUSTIFY">复选框</p>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -