网站建设中设计表单动作按钮方法
作者：佚名 时间：2014-04-01
动作按钮
虽然这个术语很令人困惑，但对表单来说，还有另外一类按钮。与前面所说的单选按钮和复选框不同，这些特殊类型的表单控件可以立即发生作用，但是它们的效果无法保留，而且它们直接影响整个表单的内容，而不是只影响单独一个字段的值。
这些“动作(action )”按钮(目前还没有一个更好的术语来描述它们)包括提交按钮、重置按钮和一些可单击的图像按钮。当用户选择这些按钮后，提交按钮和图像按钮会让浏览器将所有表单的参数都提交给表单处理服务器。一个通常意义上的按钮不会提交表单，但是可以用来激活一个applet，以操作或验证表单。重置按钮则可以在本地发生作用，将部分填完的表单变回它原来的模样。
提交按钮
顾名思义，提交按钮(submit button, )会启动将表单数据从浏览器发送给服务器上的提交过程。一个表单中可以有多个提交按钮。也可以利用表单按钮的提交类型设置n~和value属性。
对于最简单的提交按钮(这个按钮不包括n~或value属性)来说，浏览器会显示一个小的长方形或椭圆形，上面有默认的标记“Submit(提交)”。在其他情况下，浏览器会用你在标签的value属性中设置的文本来标记按钮。如果给出了一个name属性，当浏览器将表单信息发送给服务器时，也会将提交按钮的value属性的值添加到参数列表中。这一点非常有帮助，因为它提供了一种方法来标识表单中被单击的那一个按钮，这样就可以用一个简单的表单处理应用程序来处理多个不同表单中的某个表单。
下面是一些有效的提交按钮:
第一个提交按钮是HTML格式的，也是最简单的按钮:浏览器会显示一个标记为"Submit(提交)”的按钮，当用户单击这个按钮，它就会激活表单处理程序。当浏览器将表单数据传递给表单处理服务器和应用程序时，不会在参数列表中添加任何元素。
第二个示例也是HTML格式的按钮，它有一个可以将按钮标记为“Order Kumquats"的value属性，但是和上一个示例一样，表单的参数列表中也不会包括按钮的值。最后一个示例是XHTML格式的，它设置了按钮的标记，并使其成为表单参数列表的一部分。当用户单击该按钮后，该提交按钮会将ship style="ShipOvernight"作为参数添加到表单参数列表中。
重置按钮
表单按钮的重置(reset)类型几乎是不言而喻的:它允许用户重置表单中的所有元素，也就是清除或设置某些默认值。与其他按钮不同，重置按钮不会激活表单处理程序。相反，浏览器将完成所有重置表单元素的工作。服务器永远不会知道(或者在这种情况下是关心)用户是否或者何时单击了重置按钮。
默认情况下，浏览器会显示一个标记为“Rese“重置)”的重置按钮。你可以在value属性中指定自己的按钮标记，改变默认设置。
下面是两个有关重置按钮的示例
定制图像按钮
表单元素的image类型会创建一个定制按钮，这个按钮是个可单击的图像。这是一个用特定图像生成的特殊按钮，当用户单击该按钮后，浏览器会将表单提交给服务器，同时在表单的参数列表中包括鼠标指针所在位置的“x,y”坐标，这与鼠标敏感图像映射非常相似。
除图像文件的URL之外，图像按钮还需要一个src属性，还可以包括一个name属性和一个针对非图形浏览器的描述性alt属性。虽然HTML 不赞成使用align属性，我们还是可以使用这个属性来控制图像在当前文本行中的对齐方式。如果有边框的话，可以使用border属性来控制边框的宽度，浏览器会像标签中的border属性那样，在边框周围放置表单图像（IE浏览器不会在表单的图像元素周围放置边框)。
下面是两个有效的图像按钮:
