11.3.7　按钮button、submit、reset

11.3.7　按钮button、submit、reset

1.普通按钮：input type＝＂button＂

当＜input＞标签中的type属性值为button时，＜input＞标签提供一个普通按钮。单击按钮不会激活任何动作。设置普通按钮的目的是用脚本语言，可以把事件与按钮关联。当单击这种按钮时，可以触发某一事件，通过对事件的响应来完成某种预设的功能。

普通按钮的语法为：

其中，type指定了＜input＞标签的类型，value指定了按钮上显示的内容。

普通按钮实例代码如下：

运行结果如图11-10所示。

图11-10　普通按钮实例

2.重置与提交按钮

在表单中重置（reset）和提交（submit）按钮具有重要的作用，当对表单中的数据需要重新填写或恢复到初始状态时，可用重置按钮；当表单中的数据要提交给服务器时要用提交按钮。

其语法为：

其中：

（1）value属性用于设置按钮值，它显示在按钮上，表明按钮的含义。

（2）当type属性的值为reset时，按钮为重置按钮，单击按钮时，可使与此按钮在同一表单中的其他控件的值回到初始状态。当type属性的值为submit时，按钮的作用是向＜form＞标签中action属性值所指定的目标地址提交数据。

重置与提交按钮实例代码如下：

运行结果如图11-11所示。

图11-11　重置与提交按钮实例