5.3 表单的使用
在项目中,用户和服务端数据的交互大部分是通过表单来实现,我们这一小节来讲解表单的一些使用知识。
5.3.1 表单的提交和重置
我们对表单的操作,最常用的就是提交表单和重置表单。
提交表单 当我们需要将我们所填写的表单内容提交做处理的时候,在button按钮我们可以触发submit提交事件,我们需要分两步来定义: 第一步:定义提交按钮,在按钮button的属性中增加form-type=“submit”,格式如下
按钮
第二步:在表单form的属性中增加提交处理事件,格式如下
重置表单 当我们需要将表单的内容清空,重新填写的时候,我们可以触发reset重置事件来实现,,我们需要分两步来定义: 第一步:定义重置按钮,在按钮button的属性中增加form-type=“reset”,格式如下
按钮
第二步:在表单form的属性中增加重置处理时间,格式如下
当我们点击定义了reset重置的按钮的时候,所在form表单内的所有组件内容会重置为默认状态。
下面我们来看一个实例,我们定义了一个表单,同时定义了一个提交按钮和一个重置按钮,当我们点击不同的按钮的时候,将当前的操作输出到页面。完整代码如下:
Submit提交
|