我们再来看一下如何在网页里使用按钮：单击“插入”菜单，选择“表单”选项，单击“按钮”选项，这样就创建了一个包含插入按钮的表单，

///pc/homepage/fp2k/img/fp2q1042.gif" width="436" height="73" alt="插入的按钮">

　　双击插入的按钮，进入“按钮属性”对话框，

///pc/homepage/fp2k/img/fp2q1043.gif" width="350" height="157" alt="“按扭属性”对话框">

　　将按钮的名称改为“BUTTON3”，在“值/选项卡”文本框里输入“我的按钮”。就是说，按钮的选项卡和向服务器发送的值是一样的，这里按钮的选项卡和向服务器发送的值都是“我的按钮”。
　　如果按钮类型是“提交”，那么按钮的作用和表单默认创建的“提交”按钮作用是一样的，都是用来将表单里所有字段的值向服务器发送一次。
　　如果设置按钮类型为“重置”，那么当浏览者单击按钮时，表单的所有字段就会重置为默认的值。设置为“重置”类型的按钮的作用和表单默认创建的“全部重写”按钮是一样的作用。
　　再来看看“普通”类型是做什么的：“普通”类型的按钮用来执行除提交和重置以外的其他操作，我们必须为操作编写或创建脚本。
　　在这里介绍一下，脚本就是按钮被单击时执行的一段小程序。我们单击“提交”单选按钮，单击"确定"按钮，按钮的选项卡就变成“我的按钮”了。这是我们在网页发布到服务器上以后在浏览器里看到的结果，

///pc/homepage/fp2k/img/fp2q1045.gif" width="400" height="242" alt="浏览器里看到的效果">

　　单击“我的按钮”，这时服务器就收到按钮发送的值是“我的按钮”。

///pc/homepage/fp2k/img/fp2q1046.gif" width="400" height="299" alt="提交的结果">

　　我们不仅在需要的时候要自己创建提交和重置按钮，还可以用图片来创建提交按钮。不过不是插入普通图片，而是一个图片表单字段。
　　我们单击“插入”菜单，选择“表单”命令，单击“图片”按钮，

///pc/homepage/fp2k/img/fp2q1047.gif" width="380" height="261" alt="选择图片的窗口">

　　在弹出的“图片”对话框里选择需要插入的图片，单击“确定”按钮。这时一个图片字段就插入到表单里了。

///pc/homepage/fp2k/img/fp2q1048.gif" width="400" height="262" alt="图片加到了表单里">

　　我们来看一看图片字段和普通图片有什么区别：单击鼠标右键选择“表单域属性”对话框，

///pc/homepage/fp2k/img/fp2q1049.gif" width="350" height="334" alt="“图片属性”对话框">

　　在“表单域”选项卡里，我们看到这个图片也有一个字段名“I1”，这说明图片也是表单的一个字段，我们把“名称”改为“IMAGE1”，单击“确定”按钮。

///pc/homepage/fp2k/img/fp2q1050.gif" width="400" height="242" alt="浏览器里的效果">

　　这是我们把网页发布到服务器上以后，在浏览器中看到的网页，单击图片，表单就提交了，

///pc/homepage/fp2k/img/fp2q1051.gif" width="400" height="299" alt="提交后的表单确认">

　　这说明图片字段也可以进行提交按钮操作。
　　图片字段在提交时，字段本身要向服务器发送两个值。在这里就是：“IMAGE1.X”和“IMAGE1.Y”，它们是两个数，分别表示鼠标在单击图片时，相对于图片的X和Y坐标，这样我们就可以知道浏览者单击了图片的哪个部分。

上一页　下一页

/pc/bin/msg.pl?file_id=k_fp2k_10 target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法